中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 泛泛而談界面視覺效果的一致性
美之鑒——女人與Web設(shè)計 回到列表 Basics:襯線
 泛泛而談界面視覺效果的一致性

作者:獼猴桃 時間: 2010-01-05 文檔類型:原創(chuàng) 來自:Tencent CDC Blog

第 1 頁 泛泛而談界面視覺效果的一致性 [1]
第 2 頁 泛泛而談界面視覺效果的一致性 [2]
第 3 頁 泛泛而談界面視覺效果的一致性 [3]

界面的厚度和質(zhì)感的一致

界面的厚度是影響界面視覺效果一致性的另外一個重要前提點(diǎn)。因?yàn)樵斐山缑娴暮穸然臼且驗(yàn)橘|(zhì)感表現(xiàn)的原因造成的,所以兩者放在一起來闡述說明。

界面的厚度是造成界面效果給用戶視覺沉重感的一個原因,當(dāng)然也能經(jīng)常聽到顏色明度的高度也能造成頁面的沉重感的觀點(diǎn)。雖然事物的明度聯(lián)系自然界的真實(shí)物體,以及人的心理感受,應(yīng)該有一定的道理,但是明度低的顏色也卻可以通過質(zhì)感的表現(xiàn)來化解沉重感。所以對應(yīng)自然界的物體,厚對比薄,界面的厚度來的影響會更加直接。所以他們是直接影響視覺效果一致性的一個前提。


(圖四 界面頭部側(cè)面弧度體現(xiàn)的界面厚度)

而界面的厚度很多情況下是通過質(zhì)感來完成表現(xiàn)。如弧度的表現(xiàn),真實(shí)物體的模仿、光影強(qiáng)弱的再現(xiàn)等等。質(zhì)感很大成都上直接決定視覺風(fēng)格的走向,他在一致性的前提點(diǎn)里重要度極高。但同樣在包含在主體框架的指引下,比如:水晶質(zhì)感、平板質(zhì)感、木紋質(zhì)感在同一產(chǎn)品的不同版本框架下,設(shè)計延續(xù)的一致性顯然是不甚理想的。但如果這些質(zhì)感效果在同一產(chǎn)品的個性皮膚框架下,他們都可被看作是一致的。


(圖五 界面質(zhì)感相對平板的一致性體現(xiàn))

組件細(xì)節(jié)的表現(xiàn)

關(guān)于組件統(tǒng)一表現(xiàn)的觀點(diǎn),很多人已經(jīng)非常認(rèn)同了,事實(shí)上大家也是這樣在做的,比如QQ2009后制定的視覺規(guī)范,已經(jīng)直接影響了一些產(chǎn)品的組件設(shè)計。對各個組件在視覺上的表現(xiàn)做了必要規(guī)范。但是在組件以外,或者其他視覺元素的細(xì)節(jié)表現(xiàn)上可以套用同樣的設(shè)計手段,在相同屬性的界面下選用同一種方式去表現(xiàn),從而達(dá)到影響整體的界面視覺效果的一致性。這一類的表現(xiàn)有很多,隨意從展示界面的可視部分舉幾個例子:


(圖六 進(jìn)度條的幾種表現(xiàn)方式:單色,雙色,多彩等等)


(圖七 列表的幾種表現(xiàn)方式:整體單色,雙色間隔,單色間隔)


(圖八 Tab的表現(xiàn))

在界面表現(xiàn)中,如此到達(dá)界面效果一致性的前提點(diǎn)還有很多,這里的舉例只是開一個頭表達(dá)觀點(diǎn),舉例的效果也僅僅是從自身的界面中提取出來的其中一種特定表現(xiàn)。一致性的視覺表現(xiàn)也并不是將我們最終所能獲取到位的前提點(diǎn)全部滿足,而是根據(jù)界面系列的不同屬性,對所有一致性的前提點(diǎn)根據(jù)屬性來抽取組合,達(dá)成主題下的界面視覺效果一致性,這才是重點(diǎn)。

在很多人看來,設(shè)計是感性的,但是設(shè)計更多的存在于理性之中。諸如此文的一致性概念,偏重的是將界面視覺元素的分析和歸納,以及轉(zhuǎn)變看待界面視覺一致性的觀念和態(tài)度。不斷嘗試和總結(jié)歷程的變化,轉(zhuǎn)變?yōu)槊鎸υO(shè)計的潛意識,不論我們在參考、設(shè)計、評審,都采用近似的標(biāo)準(zhǔn)。而不是每個人自我意識的評價,設(shè)計會變得思路順暢和立意鮮明。

原文:http://cdc.tencent.com/?p=2085

本文鏈接:http://www.95time.cn/design/doc/2010/7316.asp 

出處:Tencent CDC Blog
責(zé)任編輯:bluehearts

上一頁 泛泛而談界面視覺效果的一致性 [2] 下一頁

相關(guān)文章 更多相關(guān)鏈接
淺談品牌的視覺識別
創(chuàng)意方法雜談
視覺設(shè)計常見誤解
用Photoshop設(shè)計一個博客界面
像懶人一樣去設(shè)計
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗(yàn)設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/31個記錄/頁 轉(zhuǎn)到 頁 共3個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2