Sharedcopy 幫網頁抓圖備份、畫重點、標註解
*apple的網頁設計哲學
http://ka-yue.com/blog/apples-web-design-1
http://ka-yue.com/blog/apples-web-design-2
http://ka-yue.com/blog/apples-web-design-3
0.分析方向
1.使用者觀點
2.設計師觀點
3.
1.題目
汽車(賓士、克萊斯勒...)
大學
時尚品牌潮流(chanel、prada...)
報紙(自由時報、nypost、)
捷運
圖書館
唱片
電視台
電影
2.華納http://www.warnerbros.com/?page=movies/
3.派拉蒙http://www.paramount.com/
大學
1.MIT http://web.mit.edu/
2.chicago http://www.uchicago.edu/
3.ntt http://www.ntu.edu.tw/chinese2009/
電信
1.
2.
3.
2.名詞
搜尋引擎最佳化(Search Engine Optimization,簡稱SEO)
3.方向
1.介面
2.程式碼(ex:呈現速度影響觀感)
3.網頁分析-光源效果突顯重點
4.讓網頁設計的專業、漂亮、好看的竅門
一、版面編排
二、線條和形狀
三、色彩處理
5.想法
8個可以提高電子商務網站轉換率的方法
1、使用潛意識(Subliminal Suggestion)
2、避免濫用產品比較(Prevent Choice Paralysis)
3、把真實產品展現出來(Show The Product)
4、提供給用戶試用產品的機會(Let People Try It)
5、注意力、興趣、意願和行動(AIDA)
6、引導用戶的瀏覽方向(Guide Attention)
7、永遠要讓用戶有東西可點(Always Provide Next Actions)
8、古騰堡法則(The Gutenberg rule)
6.網站評鑑方式
1.導覽介面
2.色系搭配
3.美術設計
4.程式機制
5.內容豐富
6.易閱讀性
7.呈現速度
8.廣告規畫
9.網站辨識
10.整體風格
7.網站的視覺設計
logo:
基本logo特徵,符合logo設計基礎(平面設計通用)顯示器效果:清晰度,最小尺寸(因顯示器分辨率而帶來的,等同線下平面設計的印刷效果)
文字:
內容等級決定字體、字號大小、粗細;狀態決定顏色(默認或者根據網站特殊統一)
廣告、內容圖片:
尺寸樣式的定位,同一頁面的和諧性,圖片的優化,位置的節奏,大小對比。
icon:
品牌性,表達準確合理,設計手法(依據品牌性),一致性,作用:吸引,醒目,方便識別、理解、操作、記憶。
可點擊(button):
區別(不可點擊),根據人的生活經驗:厚度,可按,質感(實體聯想),色彩(品牌性、統一性、對比性);統一的樣式大小(依據裡面文字的內邊距統一)
背景圖片:
氛圍效果營造,同產品的統一性,優化(品質大小,色彩信息,實現方案)。
圖文排版:
主圖次文,圖文節奏,空隙,模塊化。
當前狀態:
放大(形狀),變色(反色、對比色、明度純度區別色),鏈進鏈出後指定內容提示。
交互控件:
樣式合理準確性(人對系統默認的認知和生活常規認知),狀態(視覺表現樣式和動作過程優化),創意。
loading:
內容關聯性(loading前後的內容關聯),無聊等待的樂趣,體積、面積優化,創意。
用戶反饋_ 成功、出錯、提示、無結果:
文案(明確、合理、人性化、創意),圖形(明確、醒目、色彩的心理認知準確度)。
動畫效果:
過程合理(模擬真實環境的合理化),連續,節奏感,用戶日常動作表現,音效配合,創意。
首尾設計:
首(品牌宣傳、自身特點、明確內容、氣氛表達、創意。尾:呼應、節奏(與首),創意。
適應屏設計(全屏設計):
最大最小屏幕的考慮(文字、圖片的位置、折行效果)
固定尺寸的柵格設計:
合理的單元格(考慮黃金分割),單元格面積節奏,邊距統一性
demo設計樣稿:
對內容最多最少的考慮。
頁面:
品牌性,基調元素一致性,復用性,節奏感、面積感,視覺第一吸引,引導瀏覽,點線面關係,素描原理(運用素描的基本規律來做頁面)。
閱讀:
背景對閱讀(視力)的舒適度,內容與背景的對比舒適度。