網(wǎng)頁(yè)設計中的總結經(jīng)驗和心得
雖然設計原則不離其宗,但經(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è)小技巧 |
- 2016-09-23網(wǎng)頁(yè)設計中的Banner要做到傳情達意
- 2016-09-17網(wǎng)頁(yè)元素在網(wǎng)頁(yè)設計風(fēng)格的作用
- 2016-09-17如何讓網(wǎng)頁(yè)設計風(fēng)格更加具有商業(yè)化
- 2016-09-17網(wǎng)頁(yè)設計風(fēng)格及主色調的選擇和應用
- 2016-08-22網(wǎng)頁(yè)設計制作中的相近色應用
- 2016-05-30資深室內深化設計師工作經(jīng)驗分享
- 2016-05-30鄭州cad制圖培訓總結的CAD制圖技巧規范大全
- 2016-04-16網(wǎng)頁(yè)設計制作是如何精確還原設計稿的
- 2016-04-10網(wǎng)頁(yè)設計中的柵格系統是什么?
- 2016-03-29網(wǎng)頁(yè)設計顏色搭配的三條原則
- 2016-03-29網(wǎng)頁(yè)設計如何配色?專(zhuān)業(yè)設計師告訴你
- 2016-03-29網(wǎng)頁(yè)設計一般用什么軟件較好?
- 2016-01-11網(wǎng)頁(yè)設計制作的工作內容有哪些?
- 2016-01-06網(wǎng)頁(yè)設計中色彩怎么選擇?
- 2016-01-06顏色對比在網(wǎng)頁(yè)設計中的應用
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16