《網站設計 網頁配色》筆記

設計思想：電腦就是如此簡單

圖像：
圖片大小：
200px*200px的圖片應該控制在20KB以內
GIF：如果把存放在同一文件中的多幅圖像數據逐幅讀出並顯示到屏幕上，就可構成一種最簡單的動畫
壓縮：採用8級壓縮級別保存圖像是存儲空間與圖像質量兼得的最佳比例
TGA：可以做出不規則形狀的圖形圖像文件
FPX：圖像被存儲爲一系列高低不同的分辨率，當圖像放大時仍可維持圖像的品質
SVG：可任意放大圖形顯示，邊緣異常清晰，十分適合於設計高分辨率的Web圖形頁面
PSD：掃描儀不能直接生成該格式的文件，可以保留所有原始信息，在圖像處理中對於尚未製作完成的圖像
常用：JPG、GIF、PNG。其中GIF格式的圖像最小，最適合Web；PNG能使背景透明，不過GIF也能使背景透明（生成時設置一下就行）
一般比例： 1：1，1：2，4：3，5：4，16：9
視頻：
AVI：調用方便，圖像質量好，缺點是文件體積過於龐大
FLV：主流，速度快、播放流暢，但視頻圖像質量稍差
顯示器主流分辨率爲1024px*768px

當今網頁設計風格的趨勢是越簡單越好：

 1. 在不影響效果的情況下，去掉多餘的元素 
 2. 在能達到同樣效果的可行方案中選擇相對簡單的

網站的細節點：

 1. 導航按鈕上的標籤文字
 2. 簡單的意思
 3. 硬數據
 4. 軟數據
 5. 有節制地使用3D效果
 6. 柔和、自然的背景色
 7. 顏色鮮亮
 8. 可愛的圖標
 9. 適當地使用留白
 10. 大字體

完美細節：

 - 一定得是細節：小細節能夠完善設計內容，精緻的感覺主要由細節完美體現。很多時候細節會決定一個設計最終的成敗
 - 思考像素極的問題：描邊、漸變、線條、陰影等，不用太寬大也能有效增強設計的效果
 - 前後對比：注意應用效果後與應用效果前的對比。如此你就能知道這些細節到底帶來了哪些改觀

凹陷設計技巧：
一條1px的暗線加一條1px的明線

1px白線可以製造出高亮效果

好的設計師懂得平衡點在哪裏，並且能避免讓過多的特殊效果毀了一項設計

香奈兒設計大師曾說過：在影響力不夠充足的時候需要遵循潮流，去學習、去捕捉時代訊息，但當影響力足夠強時，那麼你就可引導，你的設計永遠都是最前端的設計

既清晰又美觀的字體：
宋體 12px，宋體 12px 粗體，宋體 14px，宋體 14px 粗體，黑體 20px，Vardana 9px，Arial Black 12+px

做網頁設計，你需要了解客戶的東西有很多：

 1. 建站目的
 2. 欄目規劃及每個欄目的表現形式及功能需求
 3. 主色、客戶性別喜好、聯繫方式、舊版網址、偏好網址
 4. 根據行業和客戶要求，需要着重表現的方面
 5. 是否分期建設以及要考慮後期的兼容性
 6. 客戶是否有強烈的建站慾望
 7. 你是否在精神意識上控制住客戶
 8. 面對你未接觸的技術知識，你有底嗎
 9. 網站類型
 10. 。。。

網頁設計入門建議：

1. 儘可能在前期瞭解客戶的相關信息
2. 前期的資料整理儘可能充分
3. 模塊、欄目梳理清晰
4. 手繪設計稿、分析頁面佈局

一幅圖，怎樣纔會被認爲是美的呢？

1. 穩定性：人們的視知覺總是試圖找一個平衡點，若找不到則產生混亂
2. 對稱性：相應的部位等量，易產生統一的秩序感，但比較單調，可採用增加布局動勢的方法，以取得鮮明、生動的效果
3. 非對稱平衡：可以以平衡爲基礎，調整尺寸形態結構；或者以形態各異的行，經視覺判斷，放置在確定的位置，以得到預想的平衡。這和個人的審美有關

旋律要有情感因素，要有富於變化而又統一的節奏和總體的和諧

1. 同質元素的統一，這個比較容易，只要自己多摸索就行了
2. 類似元素的統一，大小類似，色明度類似就可以了
3. 不同要素的統一，由於形成對比，因此一般會造成零散、不統一的感覺，要令它產生節奏，一般是在要形成強烈焦點時才使用。總之，要記住這一點：在相同中求變化，在不同中求統一，使大部分相同，使小部分相異，可取得既統一又富有變化的感覺

怎樣才能讓別人覺得我們得圖片很協調呢？

1. 保留一個相近或近似的因素，自然的過渡
2. 相互滲透
3. 利用過渡形

在對比方面必須有周密的編排

1. 方向對比：在基本有方向的前提下，大部分相同，小部分不同可形成對比
2. 位置對比：頁面的安排不要太對稱，以避免呆板單調。應在不對稱中找到平衡，由此得到稀疏對比
3. 虛實對比：事實上，虛與實是同等重要的。畫黑則白出，造圖則底成，應注意雙方平衡。
4. 隱現對比：圖與底比較，明度差大者顯示，明度差小者隱藏。顯與隱相輔相成，能造成豐富的層次感

在空間感方面可以利用點、線、面的排列，來形成不同的空間感

1. 重疊
2. 大小
3. 傾側，旋轉，深度
4. 彎曲
5. 明度
6. 投影
7. 透視

作爲一個網頁設計師，永遠要考慮瀏覽者和用戶的需要

1. 確定網站的目標和重點
2. 瞭解目標受衆羣的特徵
3. 不斷的測試

網頁設計中的審美需求

1. 網頁的主要內容和形式的表現必須統一和具有秩序
2. 突出主題要素
3. 色彩的運用