網站視覺設計的一些要點

來源:互聯網
上載者:User

自己從工藝品設計到平面設計到網路設計,雖然設計原則不離其宗,但經驗下來的心得告訴自己,設計媒介的變化帶來很多媒介自身的特殊性,下面總結下網站視覺設計的一些要點,有他人經驗,也有自己的心得:
1— logo:基本logo特徵,符合logo設計基礎(平面設計通用)顯示器效果:清晰度,最小尺寸(因顯示器解析度而帶來的,等同線下平面設計的印刷效果)
2— 文字:內容等級決定字型、字型大小大小、粗細;狀態決定顏色(預設或者根據網站特殊統一)
3— 廣告、內容圖片:尺寸樣式的定位,同一頁面的和諧性,圖片的最佳化,位置的節奏,大小對比。
4— icon:品牌性,表達準確合理,設計手法(依據品牌性),一致性,作用:吸引,醒目,方便識別、理解、操作、記憶。
5— 可點擊(button):區別(不可點擊),根據人的生活經驗:厚度,可按,質感(實體聯想),色彩(品牌性、統一性、對比性);統一的樣式大小(依據裡面文字的內邊距統一)
6— 背景圖片:氛圍效果營造,同產品的統一性,最佳化(品質大小,色多媒體訊息息,實現方案),
7— 圖文排版:主圖次文,圖文節奏,空隙,模組化。
8— 目前狀態:放大(形狀),變色(反色、對比色、明度純度區別色),鏈進鏈出後指定內容提示。
9— 互動控制項:樣式合理準確性(人對系統預設的認知和生活常規認知),狀態(視覺表現樣式和動作過程最佳化),創意。
10— loading:內容關聯性(loading前後的內容關聯),無聊等待的樂趣,體積、面積最佳化,創意。
11— 使用者反饋_ 成功、出錯、提示、無結果:文案(明確、合理、人性化、創意),圖形(明確、醒目、色彩的心理認知準確度)。
12— 動畫效果:過程合理(類比真實環境的合理化),連續,節奏感,使用者日常動作表現,音效配合,創意。
13— 首尾設計:首(品牌宣傳、自身特點、明確內容、氣氛表達、創意。尾:呼應、節奏(與首),創意。
14— 適應屏設計(全屏設計):最大最小螢幕的考慮(文字、圖片的位置、折行效果)
15— 固定尺寸的柵格設計:合理的儲存格(考慮黃金分割),儲存格面積節奏,邊距統一性
16— demo設計樣稿:對內容最多最少的考慮。
17— 頁面:品牌性,基調元素一致性,複用性,節奏感、面積感,視覺第一吸引,引導瀏覽,點線面關係,素描原理(運用素描的基本規律來做頁面)。
18— 閱讀:背景對閱讀(視力)的舒適度,內容與背景的對比舒適度。

其實還有很多設計的點比如互動設計,比如代碼設計,我們可以展示給使用者看到的這些綜上所述,構成了使用者體驗設計的一個大過程,自己在做的很多時候其實也不是都能估計到每個點的,總結出來以協助隨時審視!

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。