服務(wù)熱線
0755-33563420
公司網(wǎng)站的視覺設(shè)計(jì)要注意哪些方面?
2019-04-19 17:15:15 來源:網(wǎng)站建設(shè)微信APP開發(fā)
新聞?wù)?/span>: 自己從工藝品設(shè)計(jì)到平面設(shè)計(jì)到網(wǎng)絡(luò)設(shè)計(jì),雖然設(shè)計(jì)原則不離其宗,但經(jīng)驗(yàn)下來的心得告訴自己,設(shè)計(jì)媒介的變化帶來很多媒介自身的特殊性,下面總結(jié)下網(wǎng)站視覺設(shè)計(jì)的一些要點(diǎn),有他人經(jīng)驗(yàn),也有自己的心得:
? ? ? ? 轉(zhuǎn)載請(qǐng)注明出處:藝之都網(wǎng)站建設(shè)微信APP開發(fā)? http://www.mysc888.cn/admini/index.php?p=52&a=create
? ? ? ?自己從工藝品設(shè)計(jì)到平面設(shè)計(jì)到網(wǎng)絡(luò)設(shè)計(jì),雖然設(shè)計(jì)原則不離其宗,但經(jīng)驗(yàn)下來的心得告訴自己,設(shè)計(jì)媒介的變化帶來很多媒介自身的特殊性,下面總結(jié)下網(wǎng)站視覺設(shè)計(jì)的一些要點(diǎn),有他人經(jīng)驗(yàn),也有自己的心得:
1、logo:
基本logo特征,符合logo設(shè)計(jì)基礎(chǔ)(平面設(shè)計(jì)通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來的,等同線下平面設(shè)計(jì)的印刷效果)
2、文字:
內(nèi)容等級(jí)決定字體、字號(hào)大小、粗細(xì);狀態(tài)決定顏色(默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一)
3、廣告、內(nèi)容圖片:
尺寸樣式的定位,同一頁面的和諧性,圖片的優(yōu)化,位置的節(jié)奏,大小對(duì)比。
4、icon:
品牌性,表達(dá)準(zhǔn)確合理,設(shè)計(jì)手法(依據(jù)品牌性),一致性,作用:吸引,醒目,方便識(shí)別、理解、操作、記憶。
5、可點(diǎn)擊(button):
區(qū)別(不可點(diǎn)擊),根據(jù)人的生活經(jīng)驗(yàn):厚度,可按,質(zhì)感(實(shí)體聯(lián)想),色彩(品牌性、統(tǒng)一性、對(duì)比性);統(tǒng)一的樣式大小(依據(jù)里面文字的內(nèi)邊距統(tǒng)一)
6、背景圖片:
氛圍效果營造,同產(chǎn)品的統(tǒng)一性,優(yōu)化(品質(zhì)大小,色彩信息,實(shí)現(xiàn)方案),
7、圖文排版:
主圖次文,圖文節(jié)奏,空隙,模塊化。
8、當(dāng)前狀態(tài):
放大(形狀),變色(反色、對(duì)比色、明度純度區(qū)別色),鏈進(jìn)鏈出后指定內(nèi)容提示。
9、交互控件:樣式合理準(zhǔn)確性(人對(duì)系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知),狀態(tài)(視覺表現(xiàn)樣式和動(dòng)作過程優(yōu)化),創(chuàng)意。
10、loading:
內(nèi)容關(guān)聯(lián)性(loading前后的內(nèi)容關(guān)聯(lián)),無聊等待的樂趣,體積、面積優(yōu)化,創(chuàng)意。
11、用戶反饋_ 成功、出錯(cuò)、提示、無結(jié)果:
文案(明確、合理、人性化、創(chuàng)意),圖形(明確、醒目、色彩的心理認(rèn)知準(zhǔn)確度)。
12、動(dòng)畫效果:
過程合理(模擬真實(shí)環(huán)境的合理化),連續(xù),節(jié)奏感,用戶日常動(dòng)作表現(xiàn),音效配合,創(chuàng)意。
13、首尾設(shè)計(jì):
首(品牌宣傳、自身特點(diǎn)、明確內(nèi)容、氣氛表達(dá)、創(chuàng)意。尾:呼應(yīng)、節(jié)奏(與首),創(chuàng)意。
14、適應(yīng)屏設(shè)計(jì)(全屏設(shè)計(jì)):
最大最小屏幕的考慮(文字、圖片的位置、折行效果)
15、固定尺寸的柵格設(shè)計(jì):
合理的單元格(考慮黃金分割),單元格面積節(jié)奏,邊距統(tǒng)一性
16、demo設(shè)計(jì)樣稿:
對(duì)內(nèi)容最多最少的考慮。
17、頁面:
品牌性,基調(diào)元素一致性,復(fù)用性,節(jié)奏感、面積感,視覺第一吸引,引導(dǎo)瀏覽,點(diǎn)線面關(guān)系,素描原理(運(yùn)用素描的基本規(guī)律來做頁面)。
18、閱讀:
背景對(duì)閱讀(視力)的舒適度,內(nèi)容與背景的對(duì)比舒適度。
其實(shí)還有很多設(shè)計(jì)的點(diǎn)比如交互設(shè)計(jì),比如代碼設(shè)計(jì),我們可以展示給用戶看到的這些綜上所述,構(gòu)成了用戶體驗(yàn)設(shè)計(jì)的一個(gè)大過程,自己在做的很多時(shí)候其實(shí)也不是都能估計(jì)到每個(gè)點(diǎn)的,總結(jié)出來以幫助隨時(shí)審視!
深圳市藝之都網(wǎng)絡(luò)科技有限公司為您量身定制適合您企業(yè)的營銷型網(wǎng)站。
深圳藝之都網(wǎng)站建設(shè)開發(fā):www.mysc888.cn
深圳藝之都微信開發(fā)三級(jí)分銷商城搭建APP開發(fā):www.yidouwang.com
深圳藝之都營銷型網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃外包:wz.yizhidou.com?
我最大優(yōu)勢:系統(tǒng)化幫您實(shí)現(xiàn)您的互聯(lián)網(wǎng)+項(xiàng)目【整體策劃、實(shí)施、包裝、推廣、融資、其他需要資源對(duì)接】
【責(zé)任編輯:藝之都網(wǎng)站微信APP開發(fā)公司】 (Top) 返回頁面頂端
最新更新