網(wǎng)頁排版中10種致命的語義過錯
時間:2014-03-09 來源:重慶網(wǎng) 作者:cqw.cc 我要糾錯
網(wǎng)頁排版中10種致命的語義過錯
本人從工藝品設(shè)計到平面設(shè)計到網(wǎng)絡(luò)設(shè)計,固然設(shè)計準(zhǔn)則不離其宗,但教訓(xùn)下來的心得告知自己,設(shè)計媒介的變更帶來良多媒介本身的特別性,下面總結(jié)下網(wǎng)站視覺設(shè)計的一些要點(diǎn),有別人教訓(xùn),也有自己的心得:
1logo:根本logo特點(diǎn),合乎。傳單設(shè)計從事設(shè)計制作,彩色印刷,包裝,后道加工一條龍服務(wù)。logo設(shè)計基本(平面設(shè)計通用)顯示器效果:清楚度,最小尺寸(因顯示器辨別率而帶來的,等同線下平面設(shè)計的印刷效果)
2文字:內(nèi)容等級決議字體、字號大小、粗細(xì);狀態(tài)決議色彩(默認(rèn)或者依據(jù)網(wǎng)站特別統(tǒng)一)
3廣告、內(nèi)容圖片:尺寸樣式的定位,統(tǒng)一頁面的協(xié)調(diào)性,圖片的優(yōu)化,地位的節(jié)奏,大小比較。
4icon:品牌性,表白正確公道,設(shè)計伎倆(根據(jù)品牌性),一致性,作用:吸引,醒目,便利辨認(rèn)、懂得、操作、記憶。
5可點(diǎn)擊(button):差別(不可點(diǎn)擊),依據(jù)人的經(jīng)驗:厚度,可按,質(zhì)感(實體聯(lián)想),顏色(品牌性、統(tǒng)一性、對照性);同一的樣式大。ǜ鶕(jù)里面文字的內(nèi)邊距同一)
6背景圖片:氣氛效果營造,同產(chǎn)品的統(tǒng)一性,優(yōu)化(品德大小,色彩信息,實現(xiàn)計劃),
7圖文排版:主圖次文,圖文節(jié)奏,縫隙,模塊化。
8當(dāng)前狀況:放大(外形),變色(反色、對照色、明度純度差別色),鏈進(jìn)鏈出后指定內(nèi)容提醒。
9交互控件:款式合理精確性(人對體系默認(rèn)的認(rèn)知跟生涯慣例認(rèn)知),狀況(視覺表現(xiàn)款式跟動作過程優(yōu)化),創(chuàng)意。
10loading:內(nèi)容關(guān)系性(loading前后的內(nèi)容關(guān)系),無聊等候的樂趣,體積、面積優(yōu)化,創(chuàng)意。
11用戶反饋_ 勝利、犯錯、提醒、無成果:案牘(明確、合理、人道化、創(chuàng)意),圖形(明白、醒目、顏色的心理認(rèn)知正確度)。
12動畫效果:進(jìn)程公道(模仿實在環(huán)境的合理化),持續(xù),節(jié)奏感,用戶日常動作表示,音效配合,創(chuàng)意。
13首尾設(shè)計:首(品牌宣揚(yáng)、本身特色、明白內(nèi)容、氛圍抒發(fā)、創(chuàng)意。尾:響應(yīng)、節(jié)奏(與首),創(chuàng)意。
14適應(yīng)屏設(shè)計(全屏設(shè)計):最大最小屏幕的斟酌(文字、圖片的地位、折行效果)
15固定尺寸的柵格設(shè)計:合理的單元格(斟酌黃金宰割),單元格面積節(jié)奏,邊距統(tǒng)一性
16demo設(shè)計樣稿:對內(nèi)容最多起碼的考慮。
17頁面:品牌性,基調(diào)元素一致性,復(fù)用性,節(jié)奏感、面積感,視覺第一吸引,網(wǎng)頁設(shè)計根據(jù)企業(yè)希望向瀏覽者傳遞的信息,進(jìn)行網(wǎng)站功能策劃,然后進(jìn)行的頁面設(shè)計美化工作。領(lǐng)導(dǎo)閱讀,點(diǎn)線面關(guān)聯(lián),素描原理(應(yīng)用素描的基礎(chǔ)法則來做頁面)。
18瀏覽:背景對瀏覽(視力)的舒服度,內(nèi)容與背景的比較恬靜度。
實在還有良多設(shè)計的點(diǎn)比方交互設(shè)計,好比代碼設(shè)計,咱們能夠展現(xiàn)給用戶看到的這些綜上所述,形成了用戶休會設(shè)計的一個大進(jìn)程,本人在做的許多時候?qū)嵲谝膊皇嵌寄芄懒康矫總點(diǎn)的,總結(jié)出來以輔助隨時審閱!
標(biāo)簽: