網(wǎng)站的視覺設(shè)計(jì)十八條

2024-02-14    分類: 網(wǎng)站建設(shè)

自己從工藝品設(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)容等級決定字體、字號大小、粗細(xì);狀態(tài)決定顏色(默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一)

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

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)一性、對比性);統(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): 放大(形狀),變色(反色、對比色、明度純度區(qū)別色),鏈進(jìn)鏈出后指定內(nèi)容提示。

9—交互控件: 樣式合理準(zhǔn)確性(人對系統(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—?jiǎ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ì)樣稿: 對內(nèi)容最多最少的考慮。

17—頁面: 品牌性,基調(diào)元素一致性,復(fù)用性,節(jié)奏感、面積感,視覺第一吸引,引導(dǎo)瀏覽,點(diǎn)線面關(guān)系,素描原理(運(yùn)用素描的基本規(guī)律來做頁面)。

18—閱讀: 背景對閱讀(視力)的舒適度,內(nèi)容與背景的對比舒適度。

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

當(dāng)前標(biāo)題:網(wǎng)站的視覺設(shè)計(jì)十八條
網(wǎng)站網(wǎng)址:http://m.kartarina.com/news11/317361.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)網(wǎng)站營銷ChatGPT做網(wǎng)站定制網(wǎng)站動(dòng)態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司
主站蜘蛛池模板: 精品无码一区二区三区水蜜桃| 日韩A无码AV一区二区三区| 国模无码一区二区三区| 亚洲综合无码一区二区三区| 亚洲爆乳无码专区www| 少妇无码AV无码一区| 久久青青草原亚洲av无码app| 无码人妻丰满熟妇区毛片18| 国产精品va无码一区二区| 97无码免费人妻超级碰碰夜夜| 亚洲精品无码久久久久| 无码日韩人妻av一区免费| 在线a亚洲v天堂网2019无码| 成人无码精品一区二区三区| 久久精品aⅴ无码中文字字幕| 成人麻豆日韩在无码视频| 亚洲AV无码国产精品色| 国产日韩AV免费无码一区二区| 无码精品国产va在线观看dvd| 无码精品一区二区三区在线| 久久精品无码专区免费| 欧洲精品无码成人久久久| 少妇伦子伦精品无码STYLES| 中文有码vs无码人妻| a级毛片免费全部播放无码| 国产成人精品无码专区| 免费a级毛片无码a∨蜜芽试看| 精品日韩亚洲AV无码一区二区三区| 中文字幕无码一区二区免费| 精品无码三级在线观看视频 | 国产50部艳色禁片无码| 国产精品白浆无码流出| 麻豆精品无码国产在线果冻| 无码八A片人妻少妇久久| 亚洲AV色吊丝无码| 中文字幕人成无码人妻| 亚洲一本到无码av中文字幕| 中文字幕亚洲精品无码| 中文无码精品A∨在线观看不卡| 人妻无码一区二区三区免费| 久久久久亚洲AV无码专区首JN|