-
-
設計的四大原則
2017/09/06
-
設計的四大原則:
1 . 親密性: 將相關的項組織在一起，意味著要存在關聯。它的根本目的是實現組織性。
要避免的問題:
◎ 不要僅僅因為有空白就把元素放在角落或中央
◎避免一個頁面上有太多孤立的元素。
◎不要在元素之間留出同樣大小的空白，除非各組同屬于一個子集。
◎不同屬一組的元素之間不要建立關系！如果元素彼此無關，要把他們分開。
2 . 對齊性:任何元素都不能在頁面上隨意安放，每一項都應當與頁面上的某個內容存在某種 視覺聯系。
在頁面上放其他項時，一定要確保每一項都與頁面上的其他項存在某種對齊。如果文本行水平擺放，則按其基線對齊。
目的就是 使頁面統一而且有條理。
對齊性要避免的問題：
◎ 要避免在頁面上混合使用多種文本對齊方式。
◎ 要著力避免居中對齊，除非你有意識地想要創建一種比較正式、穩重的表示。
3 . 重復性: 重復性就是統一性，并增強視覺效果。不要低估頁面視覺效過的威力。
◎ 要避免太多地重復一個元素，重復太多會讓人討厭。
4. 對比性: 如果兩個項不完全相同，就應當使之不同，而且應當是截然不同。它的根本目的包括兩個方面相輔相成，無法分開。目的是增強頁面的效果，另一個目的是 有助于信息的組織。
要避免的問題：
◎ 如果想形成對比，就加大力度。不要將一種粗細與一種更粗的線進行對比。
◎ 不要將棕色文本與黑色標題建立對比。
◎ 要避免使用兩種或多種類似的字體。如果各個項不完全一樣，干脆讓他們截然不同！
親密性是 如果項彼此相關，就把他們分在一組建立更近的親密性。相互之間沒有直接關鍵的項要分開。設置不同的間隔來指示各項的接近程度或關系的重要性。除了可創造出更漂亮的頁面外觀，親密性也可以令表達更清晰。
對齊性應當注意放在頁面上的每一個元素。要保證整個頁面的統一的，將每個對象與另外某個對象的一個邊界對齊。只有在對齊很明顯的基礎，才可以選擇偶爾打破對齊規則。在這種情況下打破常規對齊看下去不會是個失誤。
重復性是更能保證一致性的一種方式。重復還有助于增強讀者對設計所表示的實體的認知度。
對比性可以采用多種方式增加對比，如線條，字體，顏色，空間關系，方向等。
All NEWS
免费av在线
<![CDATA[<noframes id="er3o3">]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"><rt id="er3o3"></rt></rt>]]><![CDATA[<noframes id="er3o3"><delect id="er3o3"></delect>]]><![CDATA[<delect id="er3o3"><rt id="er3o3"><bdo id="er3o3"></bdo></rt></delect>]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"></rt>]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"></rt>]]><![CDATA[<noframes id="er3o3"><delect id="er3o3"></delect>]]>
<![CDATA[<noframes id="er3o3"><delect id="er3o3"><rt id="er3o3"></rt></delect>]]><![CDATA[<rt id="er3o3"><rt id="er3o3"></rt></rt>]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<bdo id="er3o3"><rt id="er3o3"></rt></bdo>]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"><rt id="er3o3"></rt></rt>]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"><delect id="er3o3"></delect></rt>]]>
<![CDATA[<noframes id="er3o3"><rt id="er3o3"></rt>]]><![CDATA[<noframes id="er3o3">]]><![CDATA[<rt id="er3o3"></rt>]]><![CDATA[<noframes id="er3o3"><rt id="er3o3"></rt>]]><![CDATA[<bdo id="er3o3"></bdo>]]><![CDATA[<rt id="er3o3"></rt>]]><![CDATA[<noframes id="er3o3">]]>
