網(wǎng)站設計之視覺(jué)設計 |
作者:佚名 發(fā)布時(shí)間:2011-11-29 瀏覽:2096次 |
寶雞世紀網(wǎng)絡(luò )是寶雞地區專(zhuān)業(yè)的網(wǎng)站建設服務(wù)提供商,其公司資深設計師王女士在多年的工作中總結出了網(wǎng)站視覺(jué)設計的一些要點(diǎn),有他人經(jīng)驗,也有自己的心得。 logo 基本logo特征,符合logo設計基礎(平面設計通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來(lái)的,等同線(xiàn)下平面設計的印刷效果) 文字 內容等級決定字體、字號大小、粗細;狀態(tài)決定顏色(默認或者根據網(wǎng)站特殊統一) 3—廣告、內容圖片: 尺寸樣式的定位,同一頁(yè)面的和諧性,圖片的優(yōu)化,位置的節奏,大小對比。 icon 品牌性,表達準確合理,設計手法(依據品牌性),一致性,作用:吸引,醒目,方便識別、理解、操作、記憶。 可點(diǎn)擊 區別(不可點(diǎn)擊),根據人的生活經(jīng)驗:厚度,可按,質(zhì)感(實(shí)體聯(lián)想),色彩(品牌性、統一性、對比性);統一的樣式大?。ㄒ罁锩嫖淖值膬冗吘嘟y一) 背景圖片 氛圍效果營(yíng)造,同產(chǎn)品的統一性,優(yōu)化(品質(zhì)大小,色彩信息,實(shí)現方案), 圖文排版 主圖次文,圖文節奏,空隙,模塊化。 當前狀態(tài) 放大(形狀),變色(反色、對比色、明度純度區別色),鏈進(jìn)鏈出后指定內容提示。 交互控件 樣式合理準確性(人對系統默認的認知和生活常規認知),狀態(tài)(視覺(jué)表現樣式和動(dòng)作過(guò)程優(yōu)化),創(chuàng )意。 loading 內容關(guān)聯(lián)性(loading前后的內容關(guān)聯(lián)),無(wú)聊等待的樂(lè )趣,體積、面積優(yōu)化,創(chuàng )意。 用戶(hù)反饋(如:成功、出錯、提示、無(wú)結果) 文案(明確、合理、人性化、創(chuàng )意),圖形(明確、醒目、色彩的心理認知準確度)。 動(dòng)畫(huà)效果 過(guò)程合理(模擬真實(shí)環(huán)境的合理化),連續,節奏感,用戶(hù)日常動(dòng)作表現,音效配合,創(chuàng )意。 首尾設計 首(品牌宣傳、自身特點(diǎn)、明確內容、氣氛表達、創(chuàng )意。尾:呼應、節奏(與首),創(chuàng )意。 適應屏設計(全屏設計) 最大最小屏幕的考慮(文字、圖片的位置、折行效果) 固定尺寸的柵格設計 合理的單元格(考慮黃金分割),單元格面積節奏,邊距統一性 demo設計樣稿 對內容最多最少的考慮。 頁(yè)面 品牌性,基調元素一致性,復用性,節奏感、面積感,視覺(jué)第一吸引,引導瀏覽,點(diǎn)線(xiàn)面關(guān)系,素描原理(運用素描的基本規律來(lái)做頁(yè)面)。 閱讀 背景對閱讀(視力)的舒適度,內容與背景的對比舒適度。 |