網(wǎng)頁設(shè)計中的總結(jié)經(jīng)驗和心得
雖然設(shè)計原則不離其宗，但經(jīng)驗下來的心得告訴自己，設(shè)計媒介的變化帶來很多媒介自身的特殊性，下面總結(jié)下網(wǎng)站視覺/平面設(shè)計的一些要點，有他人經(jīng)驗，也有自己的心得：
1、logo：
基本logo特征，符合logo設(shè)計基礎(chǔ)(平面設(shè)計通用)顯示器效果：清晰度，最小尺寸(因顯示器分辨率而帶來的，等同線下平面設(shè)計的印刷效果)
2、文字：
內(nèi)容等級決定字體、字號大小、粗細;狀態(tài)決定顏色(默認或者根據(jù)網(wǎng)站特殊統(tǒng)一)
3、廣告、內(nèi)容圖片：
尺寸樣式的定位，同一頁面的和諧性，圖片的優(yōu)化，位置的節(jié)奏，大小對比。
4、icon：
品牌性，表達準確合理，設(shè)計手法(依據(jù)品牌性)，一致性，作用：吸引，醒目，方便識別、理解、操作、記憶。
5、可點擊(button)：
區(qū)別(不可點擊)，根據(jù)人的生活經(jīng)驗：厚度，可按，質(zhì)感(實體聯(lián)想)，色彩(品牌性、統(tǒng)一性、對比性);統(tǒng)一的樣式大小(依據(jù)里面文字的內(nèi)邊距統(tǒng)一)
6、背景圖片：
氛圍效果營造，同產(chǎn)品的統(tǒng)一性，優(yōu)化(品質(zhì)大小，色彩信息，實現(xiàn)方案)，
7、圖文排版：
主圖次文，圖文節(jié)奏，空隙，模塊化。
8、當前狀態(tài)：
放大(形狀)，變色(反色、對比色、明度純度區(qū)別色)，鏈進鏈出后指定內(nèi)容提示。
9、交互控件：
樣式合理準確性(人對系統(tǒng)默認的認知和生活常規(guī)認知)，狀態(tài)(視覺表現(xiàn)樣式和動作過程優(yōu)化)，創(chuàng)意。
10、loading：
內(nèi)容關(guān)聯(lián)性(loading前后的內(nèi)容關(guān)聯(lián))，無聊等待的樂趣，體積、面積優(yōu)化，創(chuàng)意。
11、用戶反饋成功、出錯、提示、無結(jié)果：
文案(明確、合理、人性化、創(chuàng)意)，圖形(明確、醒目、色彩的心理認知準確度)。
12、動畫效果：
過程合理(模擬真實環(huán)境的合理化)，連續(xù)，節(jié)奏感，用戶日常動作表現(xiàn)，音效配合，創(chuàng)意。
13、首尾設(shè)計：
首(品牌宣傳、自身特點、明確內(nèi)容、氣氛表達、創(chuàng)意。尾：呼應(yīng)、節(jié)奏(與首)，創(chuàng)意。
14、適應(yīng)屏設(shè)計(全屏設(shè)計)：
最大最小屏幕的考慮(文字、圖片的位置、折行效果)
15、固定尺寸的柵格設(shè)計：
合理的單元格(考慮黃金分割)，單元格面積節(jié)奏，邊距統(tǒng)一性
16、demo設(shè)計樣稿：
對內(nèi)容最多最少的考慮。
17、頁面：
品牌性，基調(diào)元素一致性，復(fù)用性，節(jié)奏感、面積感，視覺第一吸引，引導(dǎo)瀏覽，點線
面關(guān)系，素描原理(運用素描的基本規(guī)律來做頁面)。
18、閱讀：
背景對閱讀(視力)的舒適度，內(nèi)容與背景的對比舒適度。
其實還有很多設(shè)計的點比如交互設(shè)計，比如代碼設(shè)計，我們可以展示給用戶看到的這些綜上所述，構(gòu)成了用戶體驗設(shè)計的一個大過程，自己在做的很多時候其實也不是都能估計到每個點的，總結(jié)出來以幫助隨時審視!
| << 上一篇：網(wǎng)頁設(shè)計中的Banner要做到傳情達意 | >> 下一篇：CSS使用必知的20個小技巧 |
- 2016-09-23網(wǎng)頁設(shè)計中的Banner要做到傳情達意
- 2016-09-17網(wǎng)頁元素在網(wǎng)頁設(shè)計風(fēng)格的作用
- 2016-09-17如何讓網(wǎng)頁設(shè)計風(fēng)格更加具有商業(yè)化
- 2016-09-17網(wǎng)頁設(shè)計風(fēng)格及主色調(diào)的選擇和應(yīng)用
- 2016-08-22網(wǎng)頁設(shè)計制作中的相近色應(yīng)用
- 2016-05-30資深室內(nèi)深化設(shè)計師工作經(jīng)驗分享
- 2016-05-30鄭州cad制圖培訓(xùn)總結(jié)的CAD制圖技巧規(guī)范大全
- 2016-04-16網(wǎng)頁設(shè)計制作是如何精確還原設(shè)計稿的
- 2016-04-10網(wǎng)頁設(shè)計中的柵格系統(tǒng)是什么？
- 2016-03-29網(wǎng)頁設(shè)計顏色搭配的三條原則
- 2016-03-29網(wǎng)頁設(shè)計如何配色?專業(yè)設(shè)計師告訴你
- 2016-03-29網(wǎng)頁設(shè)計一般用什么軟件較好？
- 2016-01-11網(wǎng)頁設(shè)計制作的工作內(nèi)容有哪些？
- 2016-01-06網(wǎng)頁設(shè)計中色彩怎么選擇？
- 2016-01-06顏色對比在網(wǎng)頁設(shè)計中的應(yīng)用
- 求學(xué)問答專業(yè)答復(fù)，快速響應(yīng)
- 電話：0371-63218905
- 手機：13613841515
-
QQ：
