深圳深達(dá)品牌網(wǎng)站建設(shè)公司于2005年創(chuàng)立,
以高端網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、集團網(wǎng)站制作、響應(yīng)式網(wǎng)站建設(shè)、外貿(mào)型網(wǎng)站設(shè)計、營銷型網(wǎng)站建設(shè)、手機網(wǎng)站制作、微信網(wǎng)站建設(shè)、H5網(wǎng)站制作、電子商務(wù)網(wǎng)站設(shè)計制作、品牌設(shè)計、平面設(shè)計、網(wǎng)絡(luò)服務(wù)、品牌整合傳播策劃為核心業(yè)務(wù),
致力于高端市場,專注于品牌服務(wù)、提升企業(yè)形象!咨詢電話:0755-83769155

深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計、深圳網(wǎng)站制作、網(wǎng)頁設(shè)計、深圳網(wǎng)絡(luò)公司、品牌設(shè)計

2006版 | 咨詢電話:0755-83769155

設(shè)計觀點

網(wǎng)站視覺設(shè)計的18個要點和心得
2011-08-26     文章來源: 深達(dá)設(shè)計

      自己從工藝品設(shè)計到平面設(shè)計到網(wǎng)絡(luò)設(shè)計,雖然設(shè)計原則不離其宗,但經(jīng)驗下來的心得告訴自己,設(shè)計媒介的變化帶來很多媒介自身的特殊性,下面總結(jié)下網(wǎng)站視覺設(shè)計的一些要點,有他人經(jīng)驗,也有自己的心得:

  1—logo:基本logo特征,符合logo設(shè)計基礎(chǔ)(平面設(shè)計通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來的,等同線下平面設(shè)計的印刷效果)

  2—文字:內(nèi)容等級決定字體、字號大小、粗細(xì);狀態(tài)決定顏色(默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一)

  3—廣告、內(nèi)容圖片:尺寸樣式的定位,同一頁面的和諧性,圖片的優(yōu)化,位置的節(jié)奏,大小對比。

  4—icon:品牌性,表達(dá)準(zhǔn)確合理,設(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—當(dāng)前狀態(tài):放大(形狀),變色(反色、對比色、明度純度區(qū)別色),鏈進鏈出后指定內(nèi)容提示。

  9—交互控件:樣式合理準(zhǔn)確性(人對系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知),狀態(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)意),圖形(明確、醒目、色彩的心理認(rèn)知準(zhǔn)確度)。

  12—動畫效果:過程合理(模擬真實環(huán)境的合理化),連續(xù),節(jié)奏感,用戶日常動作表現(xiàn),音效配合,創(chuàng)意。

  13—首尾設(shè)計:首(品牌宣傳、自身特點、明確內(nèi)容、氣氛表達(dá)、創(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é)出來以幫助隨時審視!
 

深達(dá)觀點
OUR VIEW