很多網頁設計師經常會在項目中加入一點特立獨行的設計手法、交互模式或其他“奇思妙想”,不論這些“奇思妙想”是落腳在一個微小的元素上,還是貫徹到整體的設計里,都會形成項目的專屬特色,從而自然地吸引目標用戶的注意。
一、手寫字體
相比于我們常用的襯線體和非襯線體,手寫字體顯得更加真實和情緒化,也更富有魅力,且越接近于手寫的字體,效果就越好。
▲案例:Summer Fridays
在使用手寫字體的時候,我們要避免使用那些被用濫了的樣式。此外,我們還要注意下面這3個問題:
- 盡量挑選擁有多種樣式可替換的字體族(即font-family,它可以把多個字體名稱作為一個"回退"系統來保存。如果瀏覽器不支持第一個字體,則會嘗試下一個)。當同一個字或字母使用多次又需要有細微差別的時候,可以通過替換同族不同樣式的字體來實現這種差異。
- 為確保效果最大化,不要大規模使用手寫字體,而是在標題或其他小細節中使用。
- 注意與頁面中的其他字體保持風格和基調的一致性,不要顯得過分突兀。
二、水彩畫OR插畫
在網頁設計中使用水彩畫或插畫可以有效提升頁面的設計感并強化整體風格。
水彩畫是一種很受歡迎的設計元素,它能通過多種表現形式來突出或搭配各種不同類型的內容。如果你覺得它會喧賓奪主的話,也可以適當地進行淡化處理。
▲案例:Collette Dinnigan
插畫本身就是高識別度的設計元素,我們不一定要用整幅或大面積的插畫來證明什么。有時候,一個小插畫,甚至是草圖就足夠了。
▲案例:The Stapleton
三、合適的色彩搭配
配色在情緒表達、氛圍營造上有著先天的優勢,用戶能第一時間從中直接感受到網頁夠不夠高級。如果你想調出不同凡響的配色方案,不妨看看我們之前推薦過的一些實用工具:5款配色網站,讓你的網頁設計更高級
▲案例:waaark
四、纖細的筆觸
將纖細的筆觸(無論是主視覺元素,還是圖片的邊緣,都可以用它來表現)運用到設計中可以讓你的頁面顯得更為輕盈,而在使用這一設計方式時,你依然可以加入更多自定義的獨特元素或一些不那么纖細的元素與之搭配,進而形成對比。
▲案例:Impossible is inevitable
五、簡單的動效
雖然動效主要是用來引導交互、呈現效果的,但也可以純粹是為了有趣。跳動、拉伸、懸停特效、擬物運動等等,都能夠給用戶以情緒上的觸動,并更好地引導用戶去尋找他們想要的內容。
▲案例:Neomam Studios
六、故意“逼死強迫癥”的設計
通過設計來呈現完美和通過設計來故意“逼死強迫癥”其實是出于同樣的目的:留住來訪者的目光。那些有目的的“小瑕疵”、“小缺陷”往往更為惹人注意,甚至會成為你的優勢,它們常常以不同形式存在于不同位置,例如:
- 同類元素中的某個元素和其他元素的樣式或顏色明顯不同
- 一個整體的某個部分和其他部分明顯不對齊或不一致
- 明顯不匹配的元素相互混合
- 不對稱的圖形和不一致的比例
- 實拍元素和創造性元素相互混合搭配
▲案例:Timberline Tours
如果你拿不準你的“奇思妙想”能否迎合用戶,那么就從小的元素開始嘗試和打磨。在這個時代,有人習慣于平庸,也有人一直在尋求不同,也許你的腦洞恰好能吸引一大波渴望創新的用戶。