Reading——The Non-Designer's Design Book
?看這本書的時候真的好恨沒有CS7在手》《,不然我百度幾張圖來模擬下,體驗下設計的快感。
?
人們總是很容易注意到在他們潛意識里存在的東西,比如說這個圖:
? ?我們很容易聯想到微信,但是3
? 歲的小孩子就沒這個概念,他們
? 很容易忽略掉這個圖標。所以設
? 計的時候,要挑選容易被大眾認
? 知的元素。
?
?
優秀的設計就那么簡單^ ^!
?
?
4大基本原則:
一、親密性
彼此相關的項應當靠近,歸組在一起。如果多個項相互之間存在很近的親密性,他們就會成為一個視覺單元,而不是多個孤立的元素。另外,要利用好空白來劃分空間,劃分視覺單元。
親密性的根本目的是實現組織性,使得信息更容易閱讀,也更容易被記住。你要有意識地注意你是怎樣閱讀的,你的視線怎么移動,從哪里開始,沿著什么路徑,到哪里結束。這是設計師必備的觀察能力。
二、對齊性
任何的元素都不能在頁面上隨意擺放。每個元素應當與頁面的另外一個元素存在某種視覺聯系。對齊的目的是使頁面統一而且有條理。其效果類似于把客廳里四處零落的洋娃娃撿起來,并把它們放在一個玩具箱中。要著力避免居中對齊,除非你有意識地想要創建一種比較正式、穩重的表示。
三、重復性
?設計中視覺元素的重復可以將作品中的各部分連在一起,從而統一并增強整個作品。重復的目的在于統一,并增強視覺效果,例如多處重復使用粗體字要突出標題或概述性的內容。但是要避免太多地重復一個元素,重復太多會讓人討厭。
四、對比性
?在頁面上增加對比能吸引人的眼球。我們的眼睛喜歡看到對比的事物。要實現有效的對比,這兩個元素必須截然不同。我們可以通過字體選擇、線寬、顏色、形狀、大小、空間等等來增加對比。
?
?
做設計不要畏畏縮縮
? ? ? 1、不要害怕在設計中留有空白,這能讓你的眼睛稍作休息。
? ? ? 2、不要害怕設計是不對稱的,使用非居中的格式,不居中往往能使效果更強烈。
? ? ? 3、不要害怕把單詞設置得非常大或非常小,不要擔心說話聲太大或者太小。在合適的場合這都是可以的。
? ? ? 4、只要最后的結果能支持或強調你的設計或觀點,不要害怕讓圖片太大或太小。
??
? ? ? ??? ?讓你的思維像駿馬般奔騰吧~
?
顏色的應用
? 1、色輪的基礎是紅、黃、藍,如果有一盒水彩,你知道可以混合藍色和黃色來得到綠色,但是你沒有辦法通過混合其他顏色來得到純黃、純紅或純藍色。
2、12色輪有三種階級的顏色:
? ? ?? 三原色:
? ?
三間色:
?第三色:
三間色由相鄰的三原色組成,第三色由相鄰的顏色組成。
3、三色組:可以旋轉黑色叉,很協調的顏色哦
? ?
? 4、分裂互補三色組:可以旋轉這個黑色的叉,還是很協調的顏色哦
??
?5、有時類似色用來做網頁設計也不錯~
發個鏈接:http://www.colorsontheweb.com/
網頁設計切記
1、空白也是設計元素,要像組織信息那樣,有意識地組織空白。
2、重復原則在網頁設計中尤為重要,可以重復一種顏色方案,使用同樣的字體或按鈕,或者在每一頁的同一個位置放置風格類似的圖片元素。總之,你必須使游客知道他們仍然在同一個網站中。
3、不要讓訪問者在頁面上移動滾動條來查看導航鏈接,這樣會讓人唾棄你的網站。
4、不要讓文本緊挨著瀏覽器窗口的左邊界,這樣不美觀。
5、不要對文本或圖片鏈接使用默認的藍色,這是業余水平頁面的標志
6、正文不要采用粗體,也不要占據整個頁面寬度。
7、不要使用熒光背景色,特別是不要使用熒光文字。
8、頁面的最大寬度不要超過800px,表的寬度不要超過600px,否則訪問者想打印頁面時會很惱火。
9、保證錄入頁面和主頁在800px寬、600px高的范圍內。
10、不要在網頁用宋體,這樣顯得很死板。
?
設計的過程:
1、確立一個中心點(你希望用戶首先看見什么)
2、將信息按邏輯分組
3、建立并維護明確的對齊
4、創建重復,可以使用粗字體、線、裝飾符號或者某種空間布局
5、避免沖突(元素之間兩兩不完全相同),強調對比(元素之間兩兩完全不同)
6、暖色是趨進的,冷色是后退的,不建議用大幅度的暖色作為背景
?
轉載于:https://www.cnblogs.com/A-way/p/3144395.html
總結
以上是生活随笔為你收集整理的Reading——The Non-Designer's Design Book的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Linux流量监控工具 (实时)-适用于
- 下一篇: C#综合揭秘——细说多线程(上)