使用紋理的20個華麗示例

2012-12-31 藍藍 網站欣賞

紋理的使用非常廣泛-__何瑶照片:網站_--重庆ume影城,橫幅||苏州园区乙类公积金,LOGO以及名片等很多場合都會使用--_任振鹤。使用紋理的最大好處是能夠幫助設計師節省大量的時間许新建,不需要自己去製作圖形-|_距离高考还有几天。同時-|-至尊炸金花游戏规则,紋理能夠讓你的設計項目更有趣_|2019最近抓的网络彩票,更有個性_||雪豹雳剑。下麵是20個使用紋理的華麗的網站實例--|注册送彩金。

 

These Are Things

閱讀全文>>

標簽: 使用紋理設計的網頁 紋理設計 紋理設計應用

評論(16) 瀏覽(1603)

50個小時的可用性測試帶給我的啟示

2012-12-30 藍藍 交互設計及用戶體驗

 

2012年裏2018明星死亡大全,我(英文原文作者)在TH_NK 裏大約花費了50個小時用於可用性測試|||马杰克,其餘的時間則主要用來進行實際的設計工作__|航航影院,或是與客戶_-丽谯楼、開發者||叶彤倩、分析人員等進行溝通-_钅且。在這些可用性測試當中|-宋茜me2day,經過對被測者行為的觀察以及與他們麵對麵的交流__金山抢票软件,我對一些一直以來雖有所了解||大学生个人自传、但在實際工作中卻時常會忽視掉的設計原則有了更加貼近實踐的認知-|奥特曼剧场版有哪些,另外也發現了一些從前沒有想到過的問題|华硕f83v。時值歲末|k歌迷,我將這些經過實踐驗證的設計要點作以小結並分享給各位|-ems一般几天能到,希望能夠為大夥來年的工作帶來一定參考和借鑒的價值|_|168娱乐2是什么平台。

1.你不是你的用戶

捫心自問--_库尔勒暴乱,我們真的很容易忘記一件重要的事情|||108彩票娱乐平台骗局:用戶並不會按照我們設想的方式去行事-布拉格果盘。作為產品和設計方麵的從業者-__青田石封门青,我們對自己的產品和服務太了如指掌了_-|2019十大彩票黑网,對產品的功能邏輯及設計方案太心知肚明了|-|镭风hd6770;即使是作為第三方谘詢顧問一類的角色_--苏畅古筝,你也很容易把事情考慮的過於理所當然-_|众彩跟单靠谱吗,認為“外界”的人能非常清楚的理解你所要表達的東西-_全球化的利弊。

而事實上|-爱的秘方吻戏,多數用戶在實際上手使用之前_-|149期开奖结果是,並沒有和產品產生長久的關聯_霍邱电影院;對於我們來說很顯而易見的東西在用戶看來很可能需要一定的輔助才能理解並正確操作|--阜康市地图。交互模式是否符合直覺_-|alive死囚,是否能夠保持足夠的一致性以符合用戶逐漸建立起來的心智模型|_-金甜甜,用戶界麵是否會在必要的環節提供足夠有效的輔助引導_|_2019精准五肖,這些都是我們在為核心功能打造設計方案的同時必須考慮到的問題--台湾身份证号。

 

2.導航至首頁

在很多場可用性測試當中-_|陈冠希张柏芝图片,我們都觀察到|-聚美优品网页打不开,其實會通過點擊頁頭logo回到首頁的被測者很少-_泥头车图片;多數人都試圖通過點擊瀏覽器上的後退按鈕來實現這個目標|_-娱乐天地苹果。雖然對於設計師來說_5个人出名了,將logo鏈接至網站首頁的做法是一種早已被普遍接受的規範||宋老六,但事實上普通用戶對這一點的認知似乎並不是那麼的根深蒂固_||108彩票平台靠谱吗。

3.通過下拉列表選擇國家

我們曾經對一個麵向全球的在線零售網站的支付環節進行過可用性測試---强心脏20121127,從中我們發現|-约彩彩票注册失败,在選擇國家的時候-|_索爱w750,很少有用戶懂得通過首字母快捷鍵來快速定位國家選項在下拉列表當中的位置-_360双色球精准杀号定胆,然後通過上下箭頭按鍵進行調整並敲擊回車或空格鍵來完成選擇---重庆324医院。絕大多數的用戶仍然是使用鼠標將列表點開_-花神街,上下尋找並點擊選取-|_南通中学。

其實下拉列表易用性的問題(特別是那些所包含的選項超過了7個的列表)早就引發過廣泛的爭論-|东汉书院校歌,使用快捷鍵進行操作的方案也是為了解決這方麵的問題而孕育而生的-_2019今晚上开什么特吗,但在現實當中我們仍然發現有那麼多的用戶實際上並不了解這種重要的導航操作__|aupres手表。

點擊查看原圖

Christian Holst在重新設計國家列表 一文中介紹過一種蠻有意思的解決方案|-|奾奿聊天室,雖然我們還沒有對這種方案進行過量化的測試_qq水浒媚时迁,不過至少它看上去確實比傳統的下拉列表方式要好用__|注册大有账号。

閱讀全文>>

標簽: 可用性測試

評論(13) 瀏覽(1632)

視覺設計是為了表達信息

2012-12-29 藍藍 設計資源

在日常工作中_|q币购物券,我們經常會遇到一些設計的很”漂亮”的圖片不被用戶認可|__mc水观音擦皮鞋歌词,點擊率很低__-邢台二手货车百姓网,這時候我們會暗地裏抱怨--_众彩平台可靠吗,可卻沒明白問題究竟出在哪|马勒戈壁第一季?

網頁設計與平麵設計究竟有啥區別|易中彩票是真的吗,我們主觀的為頁麵添加元素的時候是否有章可循|--助赢手机版,博主以前曾是一名視覺設計菜鳥|_-银彩下载,以自己的切身體會談談在Web頁麵設計中的一些體會|_|广州缓交女。

下麵我們先看一個專題的banner_-360彩票网购彩大厅官方:

第一眼看上去_--二手房营业税税率,畫麵感好像還行|||花为眉男主角,但細看後會發現整個畫麵沒有一個視覺中心||_深圳观澜田背花园,這張圖片究竟想表達什麼也沒有說清楚__-你叫醒爱,看看上麵的元素|_|你比五年级生聪明吗:女人__usb gps模块,模特架_-11086移动彩票v10,燈光---168彩票app下载苹果手机版,展廳-|-娱乐天地点检app安全吗,衣服__chinape。好像表達了很多-||青海明胶股吧,其實除了設計師本人知道這是衣服與配件專題的banner|-中央1台直播,其他人都一頭霧水_优彩忘记密码怎么办。

閱讀全文>>

標簽: 視覺設計 如何傳達準確的信息

評論(15) 瀏覽(1729)

建立良好的視覺層級

2012-12-28 藍藍 設計資源

 

隨著互聯網信息爆炸式增長|-诛仙推广号,用戶瀏覽單個網頁時||苏黎世之秋,並不像我們想象的如閱讀文章般從左到右||注册赠送彩金的彩票网站、從上倒下逐一查看-_舒南,為什麼---1q币购物券怎么用?

一__李意珍、 視覺層級為什麼重要

點擊查看原圖

左側是設計師期望用戶的瀏覽方式-_愤世哥,右側為用戶實際的瀏覽方式—摘自《Don’t make me think》

用戶來到一個網站有他自己特定的目標||停车场尺寸,如閱讀新聞|中国专科学校排名、購物_-_fj 12530、查看新消息--易盈彩票安全吗?,然而信息量太大||苯氨基丙酸,逐一查看需要大量時間|__248彩票有几种版本,這就要求網站能抓住主流用戶特征||黄山奇石天狗望月图片,將重點推送給他--|云端彩票是怎么回事,用戶找到自己的目標或感興趣的點___莱州市教育科研网,才有可能繼續瀏覽或產生下一步動作|_台服vpn,否則就會離開_金寨租房。

閱讀全文>>

標簽: 建立良好的視覺層級 視覺層次

評論(29) 瀏覽(78107)

平常的力量

2012-12-27 藍藍 設計資源

一本好書|_铜皮规格,跟一款好的產品類似_|_快乐大本营小时代剧组,要有一種“代入”的力量|-_欧蒂芙第二代。能夠讓用戶跟著你設定的邏輯一路走下去|-家庭教师漫画下载,一種心無旁騖的沉靜_||258彩票。每個章節|ca6707,每個功能模塊--|快乐大本营之棒棒堂,都如同空氣|-锈水财阀战袍在哪买,似有如無-|黄江小顺车行,但是又讓人欲罷不能|-星光大道苏丹。平淡無奇的呈現反而最有殺傷力-|_霞飞路28号,柴姑娘的《看見》就是這樣--众购彩票平台,真實-_永州八记作者,自有萬鈞之力-__华硕f83v。

有的時候---不属于国家领土,我常常無法進入狀態|--驭剑士吧,這個時候我會選擇看書_-2019能用的彩票软件。一本好書有一種力量_nba2k online3分技巧,一種代入感的力量|-青苹果论坛,會讓你隨著做著的邏輯一路陷入進去|-诡谲多变,慢慢的將內心的浮躁都洗去|_-云帆彩票赚钱,讓你沉靜下來||新塑料球,然後整個人也跟著沉了下來_||旺拉虫草。

閱讀全文>>

標簽: 設計理論

評論(48) 瀏覽(1739)

為產品賦予人格 - 情感化設計的組成要素及實踐案例

2012-12-26 藍藍 交互設計及用戶體驗

 

Flickr為用戶準備了很多有意思的登錄歡迎語_-话不投机三句多,這其實是一個容易被忽略的細節_-|电视剧军刺,但Flickr的整體設計風格與產品氣質也正是由許許多多這樣的細節構成的|132彩票平台官网。也許||本色屋,隻有當這些細節從產品中消失的時候|_脉诺通,我們才會發現並開始懷念它們-||国家领导人简历。

點擊查看原圖

我(英文原文作者)會特別在意這些細節_掌上购彩邀请码怎么弄,因為它們可以觸發用戶的情感響應|360的老板。如果運用方式得當_-陈坤 蒋经国,這些細節當中的小魔鬼可以幫助我們打造出更具人格的產品__塔西亚怎么打,並使用戶在與之進行互動的過程中產生積極的情感響應_-|service qq com;而這種積極的態度會有效的促使用戶主動傳播和擁護你的產品__178国际娱乐。這種在人格層麵與用戶建立關聯的設計思路也被稱作“情感化設計”_工程招投标代理。

一點小理論

“情感化設計(Emotional Design)”一詞由Donald Norman在其同名著作 當中提出|__深圳第一现场重播。而在Designing for Emotion 一書中优信彩票在线,作者Aarron Walter將情感化設計與馬斯洛的人類需求層次理論聯係了起來||配角顾海滨。正如人類的生理-|wedding dress 歌词、安全--永盛app彩票网址、愛與歸屬-|-衡水电影、自尊和自我實現這五個層次的需求__酷毕犬舍,產品特質也可以被劃分為功能性---13彩下载、可依賴性-|雪碧真我篮球、可用性和愉悅性這四個從低到高的層麵|||十堰物流云帆配货,而情感化設計則處於其中最上層的“愉悅性”層麵當中__2018大乐透多少期。

點擊查看原圖

一個有效的情感化設計策略通常包括兩個方麵|--宅男躲艳记txt下载:

  1. 你創造出了獨特並且優秀的風格理念_-二嫂水仙,令用戶產生了積極響應_--重生洪荒之有始有终。
  2. 你持續的使用該理念打造出一整套具有人格層麵的設計方案_|煲机音乐。

接下來|-|2019最新捕鱼游戏排行,我們將一起了解一下情感化設計的組成要素及相關策略_-众乐彩APP下载,看一看有哪些產品在這些方麵做的比較有代表性--|网上购物秋装;另外|-_5320软件,我們還會通過幾個案例分析來感受一下從整體角度持續使用情感化設計理念所帶給產品的“人格魅力”__金曼龙。

閱讀全文>>

標簽: 情感化設計的組成要素 產品賦予人格 實踐案例

評論(18) 瀏覽(2411)

簡單之美-_靓眼网:極簡主義風格的網站作品

2012-12-25 藍藍 網站欣賞

在決定網站的布局之前__长春房产报,有很多重要的事情需要考慮||_132彩票平台哪里的?。顏色_|优彩师免费版、風格和可用性是網站布局的核心因素|_优博彩票平台,是網站是否成功的關鍵_||必瘦美人汤。多年以來|_许喵喵mickey,我們看到很多內容充實_-花儿乐队解散演唱会,色彩豐富的網站作品_-笔头草,但最近幾年極簡主義風格(一種設計風格|_-另类擦皮鞋歌词,感官上簡約整潔-|_长春车险,品味和思想上更為優雅)的設計越來越流行__船位船讯网,人們認識到簡潔幹淨的網站布局能夠更加有效的突出網站的主題內容||248彩票怎么注册。

 

 

Tapmates

 

Caava Design

 

閱讀全文>>

標簽: 簡單之美極簡主義風格的網站作品 極簡主義風格

評論(26) 瀏覽(2060)

關於扁平化界麵風格的設計美學討論

2012-12-24 藍藍 移動設備ui及體驗

 

我個人對這方麵的話題是蠻關注的|湖北高职高专院校排名,偶爾在微博 上弱弱的念叨兩句_|绅士的恶魔剧情介绍,也會有不少朋友來發表各自的看法_|雅静宾馆,確實是大家都蠻關心的設計問題-永州八记的作者。另外最近看到不少文章觀點也都是圍繞這些展開的|--诛仙飞升任务,其中有些比較公允務實_泷泽萝拉 七里香,有些則比較偏頗|窝窝团新乡;所謂偏頗_||云顶娱乐棋牌ios下载,也就是片麵表達某種風格一定比某種風格更好__|房室交叉,以及好在哪裏--有线通电话。說真的-|_上海哪里可以蹦极,都有一定的道理|_四播,都能看出發表論調的設計師的思考和激情--仲博最新版下载。

有人說了你怎麼這麼沒節操呢|-与官官同居的日子,你到底覺得哪種好呢--|168彩票网怎么样?我要說的是叭|意彩怎么注册账号,在我看來這個事情裏的的確確不應該存在哪個強於哪個的爭議_仙剑5dlc,因為它根本就不是個非黑即白非美即醜涇渭分明的問題||_谷子林;脫離了實際產品的上下文環境|_365彩票正规吗,脫離了產品功能與目標用戶群類型之間的關聯||-仙剑奇侠传5 破解,所謂好與不好的命題壓根就不成立||-什么车性价比高。

說的具體些_--重庆城投集团,遠的不講__芦苞祖庙,單說Beforweb 這邊的視覺風格--高清彩虹台,除了每篇文章的圖標以外-众发彩票官网首页,可以說是徹徹底底的扁平化了(當然-|焦点打断宏,細心的朋友可以在側邊欄標題背景底部發現類似陰影效果的1像素邊框_|-四川赈灾晚会,這個不算數...)-|成都九眼桥猛女资料,但如果有人說我是扁平風格的衛道者的話|-众发娱乐计划,我會很不開心--2018街拍偷拍下体走光,因為我隻是在自己覺得合適的地方使用這種風格而已_|娱乐天地平台app。我喜歡iOS裏很多擬物擬真風格的界麵-|-铁将军防盗器接线图,最典型的包括語音備忘錄-最新股评、iBooks-_|优行网交通违章查询、iPad裏的日曆等等_||双胞胎饲料价格,它們的界麵讓我覺得親切自然_-潜山陈斌凯,讓我可以在冰冷的電子設備當中找到現實生活的真實感_-北京466耳鼻喉科,就這麼簡單||钱塘老娘舅2013直播。

下麵這些截圖來自我平常自娛自樂時會用到的一些音樂方麵的iOS或OS X應用---qvodsetup exe。它們的功能的確非常棒__距离高考还有几天,我著實在這些東西上花掉不少錢_|金橘花剧情,但如果它們的界麵沒有采用如此逼真的擬物化設計-_-小米电视3发布会,如果他們隻是幹巴巴的功能和數據陳列或是Metro風--_必瘦美人汤,我是絕不會在它們身上花半毛錢的||陈丹丹淘宝店。

點擊查看原圖

閱讀全文>>

標簽: 扁平化界麵風格的設計美學討論 扁平化界麵風格

評論(17) 瀏覽(1940)

怎樣為網站創建風格指南(style guide)

2012-12-23 藍藍 網站欣賞

什麼是風格指南__钱学森的女儿?簡單的說__|众彩彩票app下载安装,就是一份告訴你如何講故事的文檔-_-金明智。它確立了一些標準-_周永慷,例如怎樣撰寫文案_-这五个人火了、怎樣排版|-|干旱新闻、怎樣打造視覺元素和交互方式等等|_-闪金镇在哪。風格指南源自於印刷領域_|塔罗牌大师tlp6868668,例如報刊(看看衛報的風格指南 )|_|kc2005;在Web領域|-|掌字开头的体彩软件,它同樣體現出了巨大的價值-_093彩票合法吗。

無論是傳統印刷--陈龙 羽毛球,還是互聯網|-诺基亚2700c软件,最關鍵的都是“內容”_-_天国凤凰第二部。風格指南的最終目標就是讓內容以清晰並且一致的視覺風格呈現出來_-_我们结婚了 101204。BBC的全球體驗語言 (Global Experience Language,GEL)就是網站風格指南的絕佳範例||-234彩票靠谱吗。不妨通過頁麵右側的“Download GEL Web Styleguide”下載一份PDF文檔來稍作了解先--_赛尔号光天使。

點擊查看原圖

閱讀全文>>

標簽: 網站創建風格指南 style guide

評論(19) 瀏覽(1564)

移動應用的十項設計原則及小提示

2012-12-22 藍藍 移動設備ui及體驗

 

移動設備與傳統桌麵設備雖然都被成為“計算設備”_|_l乐蜂网,但它們之間的差異是顯而易見的|nba2k online修改器:移動設備的屏幕要小很多_保定二手摩托车58,無線網絡鏈接方麵會有不穩定|-_艾斯奥特曼大电影,電池續航能力較弱-芙蓉树下博客,等等-|索爱w750。這份“弱點”清單可以列的很長||-移动彩票是正规的吗,但如果你因此認為移動設備就是降級版的計算機|__108娱乐怎样下载,那同樣是錯誤的看法__无叶涡轮增压器。

實際上__-黄山奇石天狗望月,從其他一些角度來觀察|川子 钟,移動設備又是比桌麵設備更加強大的_支撑架图片。智能手機和平板電腦都是更加個人化的設備_18092期大乐透中奖号码,它們會一直陪伴在你身邊-苏州市公交线路图,讓你隨時隨地都可以接入互聯網獲取所需的信息-|_autocad2004中文版下载;它們身上還有傳統設備所不具備的很酷的功能_|娱乐天地手机版登录,包括GPS|_晶体敌百虫、數位羅盤---四年级自然景观作文、加速計等等-_博格利佳。

所有這些差異都使得移動設備當中的應用程序在界麵設計方麵存在很多獨到之處|-|众赢彩票新3D。我(英文原文作者)基於在自己的workshop中的工作經驗-|_手机qq2009通用版下载,總結出了移動應用界麵設計的十條原則及小提示-|-华为畅享7c,在這裏與大家分享|_-quick office,希望能夠幫助那些還不是非常熟悉這個領域的設計師們建立起一套有實踐價值的設計思維框架_台湾身份证号码。

1.設計觀念

從傳統設備轉向移動領域__炫舞今日答题答案,設計師們首先要做的是調整思維模式和設計觀念-_上海苏宁电器官网。

  • 專注 -||重庆耍:移動應用的本質目標是幫助人們以最高的效率完成特定的任務-|李白 谈爱。少即是多--swaymond,你要砍掉的產品功能通常會比你想象的多很多-258竞彩是正规网站吗。
  • 獨特--|苏州元祖门店:從一開始就要理解你的應用與同類產品相比具有哪些獨到之處-|_迅雷看看绿屏,將其體現到產品的整體用戶體驗策略當中-||重庆建水上宫殿,並在交互及視覺設計流程當中著重突出這些賣點|-|银河彩票网y696com。
  • 迷人 |-256手机彩票网:移動設備是相當個人化的工具__柯露玛,人們會在長久的使用過程中逐漸將感情融入到軟硬件當中_堂色品;應用程序同樣要與用戶在情感層麵產生互動-_永宁县政府公众网,通過各種友好的_|霞飞路28、有趣的|__汽油提价、可信賴的設計與功能讓用戶覺得愛不釋手-108娱乐真的赚钱吗。
  • 體貼 |-亿彩彩票计划:不要將注意力過多集中在“開發”本身上|幼儿教师年度工作总结,不要將自己的心智模型以及產品的業務邏輯作為設計的準繩南京机场大巴时刻表。如果你確實希望自己的產品能夠被更多用戶所接受_-掉下了眼泪音译歌词,那麼必須學會站在他們的角度觀察問題_鹿喜微、製定設計決策---上海蹦极。

點擊查看原圖

不要用“多多益善”的觀念打造移動應用

閱讀全文>>

標簽: 移動應用的十項設計原則及小提示 移動應用設計原則 移動應用導航布局 用戶輸入

評論(13) 瀏覽(1718)

Powered by emlog 京ICP備12006971號-1 sitemap