一個優秀的設計永遠不會脫離當下流行的風格,相反,它們往往能夠借鑒而形成自己獨樹一幟的風格。這些經典經常深深地植根于設計理論中,并具有能夠幫助它們經受住時間考驗的元素。你一定知道其中的一些經典——耐克和可口可樂等品牌擁有幾十年不變的標志、顏色以及整體設計的代表性人物形象。
幸運的是,這些可以保持永恒的經典概念幾乎可以應用于任何設計項目中。你可能沒有與Swoosh相同的視覺識別,但你可以創造一種可以為你工作多年的審美標準。這是怎么做的呢?
1.專注于內容的可讀性
和其他設計最基礎的要求一致,一個優秀的網頁設計以圖像和設計以及消息內容的整體清晰度和高度可讀性開始。雖然這聽起來像是一個很高的標準,但你可以鎖定兩個關鍵詞——簡單性和可讀性。
這就需要在你的網頁設計或任何設計項目中具備以下要求:
· 排版需要在任何大小以及分辨率的情況下都是可讀的,無困難的。新穎的字體我們提到了很多次,它可以很有趣,但是如果用戶不知道你在說什么,那么你的設計將會毀于一旦,因為用戶不會哈很長的時間在他們需要花更多腦力去“破解”的內容上。
· 圖像應該清晰,質量高,易于理解。正如排版需要可讀的一樣,你要確保在你的網站設計及其他設計中,所有的視覺效果也必須可以輕易的閱讀。用戶可以理解圖像中發生了什么,以及它與您你想要說的內容有什么關系?
· 設計需要整體上感覺不錯這是基礎,進一步你應該提供一個明確的信息或意義。圖像,文本和用戶操作應創建一個用戶理解并希望成為其中一部分的組合型體驗。如果設計中的“零件”是不同步的和脫節的,即使是美觀的設計也會失敗。
2.結合互動
在你的網頁設計中將所有視覺元素放在一起后,用戶應該與之進行交互。這并不意味著你必須創造一個虛擬的現實體驗(盡管以目前技術可以做到)。即使是小巧的互動也可以使設計感覺更加現實,并增加了項目的個性。
在思考如何使用交互元素時,你應該充分結合設計的可用性和實用性。互動的使用應該是有目的的,在于它可以做一些以另一種方式不能做到的事情。這可能關系到在你的網站設計中,你需要如何來講述你的故事,以及如何合理的安排你的導航模式或一些只是為了讓用戶感到新奇和高興的動作。
記得,凡事都需要一個最終的目的,網站設計也一樣。為互動視覺設定一個目標,保持簡潔流暢,并確保與內容配合使用,以獲得最大的影響。
3.創建合理的視覺結構
每個網站設計都需要一個層次結構分明的元素。大尺寸、常規尺寸或小尺寸的元素,這些元素中的每一個都需要在設計中具有足夠的空間區域,以將其與視覺顯示的其他部分區分開來,以此來創建分明的主次之分。
一個優秀的網頁設計需要在視覺尺度上通過相關的、適合的比例來充實你的設計計劃和放置元素(從類型到空間到大小),以便所有內容都可以符合邏輯。
良好的視覺結構可以創造了一個通用于該設計項目的模式流程,使用戶易于識別和使用(這么做有一個原因:大多數網站設計在其左上角都有一個品牌標志,往下是主視覺圖像,然后再是正文,它提供了一個可視化的尺度標度,引導用戶如何閱讀內容)。
與元素的尺寸和主次一樣重要的是保持一致性。如果按鈕在主頁上確定了一種顏色和尺寸,那么它應該在其他頁面上具有相同的設計。正文,標題和顏色選擇應遵循各頁之間的一致性規則。
4.有目的的安排強調元素
能夠擺脫時效影響的優秀網頁設計或任何的設計有一些額外的東西來擺脫其他的一切。有目的的強調元素,通過以有趣的方式使用顏色,這也包括使用更加時尚的外觀,來保持設計在感覺上的流行和舒適(但這一切都需要以協調為主)。
強調的元素可以包括:
· 特殊的排版;
· 有趣的流行色彩;
· 簡單的動效;
· 在背景中使用不尋常的紋理;
· 可以使用戶意想不到的其他元素。
你可以把強調元素作為你的網頁設計中的一個驚喜,以幫助用戶愉快的瀏覽設計。不過記得,它們應該提供關于內容的方向和信息的理解,并提供視覺興趣。
5.建立品牌意識
你的設計應該在視覺識別的每一部分看起來像你的品牌。這適用于從你的網站設計到名片再到社交媒體上的照片和徽標的所有內容。只是看著,用戶就應該知道你是誰,而不必懷疑他們是否誤入內容。
品牌意識是重要的(至關重要的)。創造品牌識別是一項巨大且艱辛的任務,如果你還沒有一個品牌,那現在你就要把他納入你的品牌計劃中了。同時,你可以做一些事情來幫助創建視覺識別和一致性。
· 使用相同或相似的顏色;
· 堅持使用幾種固定的字體和大小;
· 考慮文本的對齊規則并選擇樣式;
· 建立一種照片風格——顏色、黑與白之間的對比;
· 堅持相同的風格——正式或者休閑;
· 做你自己。
6.忘記噱頭
過于時尚的網頁設計經常是很快就淡出時尚趨勢了。它們更像是一種“時效”設計,因為它看起來像是來自于一段固定的時間節點。當然,這不是阻止設計師們使用時尚的設計趨勢,只是你應該巧妙地使用它們。
永恒的設計模式植根于設計理論。基本原則和指導原則將塑造如何組合你的設計的視覺大綱。考慮與趨勢的關系,它們可以達到何種吻合的程度。材料設計概念(一個大趨勢)似乎使用良好的原因之一是它植根于物理理念和運動。它需要一個二維的想法并推動它。
使用特特殊的字體、復雜的插件、動畫或調色板是你應該考慮的視覺想法。它們看起來是新鮮的以及相關的這種感覺能持續多久?或者你是否有計劃在保留其余設計的同時切換這些元素?
7.使用網格
一個網站設計如果有正確的組織作為基礎,那么它永遠不會失去風格。從簡單的網格到基于網格的視覺顯示,強烈的網格可以為堅實的設計提供基礎。
思考和規劃網格時,要縱向和橫向一起考慮。通常,設計人員花費大量的時間在設計中隱藏的柱狀間距和垂直問題。適合的網格能夠提供足夠的靈活性,以創造溫和的流動方式輕松創建和放置元素。它還提供了間距(包括白色空間)和元件和其他部分對齊的準則。
網格可以根據照片和元素的尺寸影響設計的每個視覺方面,如何將圖標或按鈕與其他內容對齊?網格可以與設計項目一樣——復雜或簡單,但應該與每個設計元素一起實施,以保持視覺一致性。
總結
永恒的網頁設計不是關于具體的技術,它更多的是關于如何使設計趨于平衡,邏輯和容易,以供用戶理解。雖然時尚元素可以很有趣,但更多永恒的項目使用經典和現代元素的混合,以及通過針對性的方式共享信息。
當你想創造一些會持續很長時間的東西時,最好的想法是回到基礎。幾乎所有持久的設計理念都植根于長期使用的理論。