網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計中的總結經(jīng)驗和心得

編輯：時(shí)間：2016-09-23 21:31:25

　　雖然設計原則不離其宗，但經(jīng)驗下來(lái)的心得告訴自己，設計媒介的變化帶來(lái)很多媒介自身的特殊性，下面總結下網(wǎng)站視覺(jué)/平面設計的一些要點(diǎn)，有他人經(jīng)驗，也有自己的心得：

　　1、logo：

　　基本logo特征，符合logo設計基礎(平面設計通用)顯示器效果：清晰度，最小尺寸(因顯示器分辨率而帶來(lái)的，等同線(xiàn)下平面設計的印刷效果)

　　2、文字：

　　內容等級決定字體、字號大小、粗細;狀態(tài)決定顏色(默認或者根據網(wǎng)站特殊統一)

　　3、廣告、內容圖片：

　　尺寸樣式的定位，同一頁(yè)面的和諧性，圖片的優(yōu)化，位置的節奏，大小對比。

　　4、icon：

　　品牌性，表達準確合理，設計手法(依據品牌性)，一致性，作用：吸引，醒目，方便識別、理解、操作、記憶。

　　5、可點(diǎn)擊(button)：

　　區別(不可點(diǎn)擊)，根據人的生活經(jīng)驗：厚度，可按，質(zhì)感(實(shí)體聯(lián)想)，色彩(品牌性、統一性、對比性);統一的樣式大小(依據里面文字的內邊距統一)

　　6、背景圖片：

　　氛圍效果營(yíng)造，同產(chǎn)品的統一性，優(yōu)化(品質(zhì)大小，色彩信息，實(shí)現方案)，

　　7、圖文排版：

　　主圖次文，圖文節奏，空隙，模塊化。

　　8、當前狀態(tài)：

　　放大(形狀)，變色(反色、對比色、明度純度區別色)，鏈進(jìn)鏈出后指定內容提示。

　　9、交互控件：

　　樣式合理準確性(人對系統默認的認知和生活常規認知)，狀態(tài)(視覺(jué)表現樣式和動(dòng)作過(guò)程優(yōu)化)，創(chuàng )意。

　　10、loading：

　　內容關(guān)聯(lián)性(loading前后的內容關(guān)聯(lián))，無(wú)聊等待的樂(lè )趣，體積、面積優(yōu)化，創(chuàng )意。

　　11、用戶(hù)反饋成功、出錯、提示、無(wú)結果：

　　文案(明確、合理、人性化、創(chuàng )意)，圖形(明確、醒目、色彩的心理認知準確度)。

　　12、動(dòng)畫(huà)效果：

　　過(guò)程合理(模擬真實(shí)環(huán)境的合理化)，連續，節奏感，用戶(hù)日常動(dòng)作表現，音效配合，創(chuàng )意。

　　13、首尾設計：

　　首(品牌宣傳、自身特點(diǎn)、明確內容、氣氛表達、創(chuàng )意。尾：呼應、節奏(與首)，創(chuàng )意。

　　14、適應屏設計(全屏設計)：

　　最大最小屏幕的考慮(文字、圖片的位置、折行效果)

　　15、固定尺寸的柵格設計：

　　合理的單元格(考慮黃金分割)，單元格面積節奏，邊距統一性

　　16、demo設計樣稿：

　　對內容最多最少的考慮。

　　17、頁(yè)面：

　　品牌性，基調元素一致性，復用性，節奏感、面積感，視覺(jué)第一吸引，引導瀏覽，點(diǎn)線(xiàn)

　　面關(guān)系，素描原理(運用素描的基本規律來(lái)做頁(yè)面)。

　　18、閱讀：

　　背景對閱讀(視力)的舒適度，內容與背景的對比舒適度。

　　其實(shí)還有很多設計的點(diǎn)比如交互設計，比如代碼設計，我們可以展示給用戶(hù)看到的這些綜上所述，構成了用戶(hù)體驗設計的一個(gè)大過(guò)程，自己在做的很多時(shí)候其實(shí)也不是都能估計到每個(gè)點(diǎn)的，總結出來(lái)以幫助隨時(shí)審視!

<< 上一篇：網(wǎng)頁(yè)設計中的Banner要做到傳情達意

>> 下一篇：CSS使用必知的20個(gè)小技巧

推薦資訊