變化無端的奇思妙想,特立獨行的交互模式,獨樹一幟的設計手法,它們常常來自于設計師的靈光一閃。在設計項目中加入一點奇思,不僅能夠提升整體設計的意境,而且常常會獲得點鐵成金的奇效。
不論這個奇異的點子落腳在一個微小的元素上,還是貫徹到整體的設計里,這種專屬于腦洞的奇特魅力會自然地吸引這用戶。許多奇妙的設計常見于女性化和兒童化的設計,但是它們的作用不僅止于這兩個類型。許多不同類型的設計項目都能夠融入奇思妙想,不過近期這類創意腦洞最容易同摩登復古設計風的網頁結合起來使用。
說一千道一萬,我們不如看看設計師們都是怎么做的吧。
手寫字體

相比于我們常用的襯線體和非襯線體,手寫字體常常顯得更加真實,更加情緒化,相比之下也更加富有魅力,能夠將整個設計的情感最大化。參考上面的Summer Fridays。
當然,過猶不及。在使用手寫字體的時候,有些老生常談的問題值得注意:不要使用那些被用濫了的手寫字體。為了效果最大化,越接近于手寫效果的字體,越真實,效果就越好。而絕大多數的計算機設計的字體就正好缺乏這種真實性。所以,下面的幾個問題值得你考慮:
·盡量挑選擁有多種樣式可替換的字體族。當同一個字母使用多次又需要有細微差別的時候,可以通過替換同族不同樣式的字體來實現這種差異。
·不要大規模使用手寫字體,盡量最低限度的使用確保效果最大化,比如只在標題中使用。
·請務必保持風格和基調的一致性。纖細的字體盡量和細體一起搭配使用,而粗體則盡量和粗體組合使用。
水彩畫

水彩畫屬于那種上手并不那么容易,但是用好了又特別贊的設計元素。它的使用方式很多,從背景到插畫都很不錯,像上面的網站 Made of Sundays 就是很好的例子。
當你使用水彩畫的時候,應當明確你的目的:拿它來干什么。想要充分用好它,要么盡可能讓界面全套的元素都沿用水彩元素,要么僅僅在較小的元素上使用水彩元素。
當然,如果沒有其他對比強烈的視覺效果的時候,使用水彩元素也無傷大雅。如果你覺得水彩元素會喧賓奪主的話,不妨適當地淡化它們。
插畫

沒有什么比漂亮精致的插畫更抓人眼球的了。插畫本身就是高識別度的設計元素,而你的設計則可以借此更好的被用戶所認識。所以,一份設計優秀的插畫能夠成為你的重要的“身份識別”。
你并不需要用大面積、整幅的插畫來證明什么,一個小的插畫,甚至是草圖就足夠了。Rachel’s Ginger Beer 這個頁面僅僅只是使用幾幅小的插畫,就很好的營造出整體效果,展現出設計者的奇妙思路。
鮮艷的色彩

沒有什么比鮮艷的色彩更能能營造輕松愉悅的氛圍了。色彩本身就能讓用戶第一時間感受到,而大膽明亮的配色在情緒表達上也有著先天的優勢,用戶能從中直接感受到有趣或者愉悅的情緒。
設計師的奇思妙想常常會用高飽和度的黃色、橙色和綠色來表現。實際上,即使是只使用這些色彩就已經能夠達到效果了,并非必須使用高飽和度。
正在影響整個設計領域的扁平化設計和Material Design 為我們貢獻出許多奇妙的配色方案,如果你想調出不同凡響的配色方案,不妨從這里開始:
·Flat UI Color Picker
·Material Design Color Palette Generator
線條和筆觸

想要讓你的設計顯得輕盈的另外一種手法的就是將細線和纖細的筆觸貫穿整個設計。從主視覺元素、圖片的邊緣到字體的筆畫都使用線條和細筆觸來表現,最關鍵的是,這些元素營造出輕盈的感覺的同時,還擁有強大的包容性,承載你的奇妙構思,加入更多自定義的、獨特的元素。
舉個最簡單的例子,即使是纖細的元素貫穿始終,你依然可以使用一些不那么纖細的元素與之搭配,形成對比。看看 Sonikpass 這個設計,它就很好的融入了一些相對厚重的字體(注意背景),鮮亮的色彩和深沉的黑色文字、淺灰的背景形成了很好的對比,不單調也不繁復,陰陽調和。
簡單的動效

雖然動效主要是用來同用戶進行交互、引導交互、呈現效果,但是也可以純是為了有趣而進行設計。懸停特效、舞臺效果、跳動、拉伸、擬物的運動等等等等,它們都能夠給用戶以情緒上的觸動。
當你要將一種獨特的想法注入到你的動畫中的時候,務必記住它是要用來取悅用戶的。這也是為什么許多設計師在這么做的時候會選擇明亮的色彩或者結合有趣的插畫——用戶吃這一套。
Pharrell Williams 的網站就集成了許多不錯的動效,動態磁貼式的布局,鮮艷的配色和各式各樣的懸停效果,它們不僅讓用戶讀取到更多的而內容,而且更好的引導用戶去尋找他們想要的內容。
有目的性的設計缺陷

通過設計來呈現完美和有目的性的設計出缺陷是同樣的道理。那些小瑕疵、小缺陷惹人注意,令人側目,是設計師故意為之,從而達到特定的目的。就像動畫和電影中的各種致敬一樣,這些缺陷會成為你的優勢。
這些缺陷可以以不同的形式存在于不同的地方:
·一條線比其他的線都要粗或者細
·文本中某幾個字和其他的字的字體明顯不同
·某個線條或者插畫和其他的部分明顯不對齊或者不一致
·明顯不匹配的元素相互混合
·不對稱的圖形和不一致的比例
·現實的元素和幻想的元素相互混合搭配
結語
如果你拿不準你的奇妙想法能否迎合用戶,那么就從小的元素開始嘗試,一點一點嘗試中打磨這些元素。不要怕腦洞大,在這個時代想法很重要。有人習慣于平庸,不過更多的人在尋求不同,也許你的腦洞正好合用。
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
5個網站設計實例解析網頁設計趨勢
相關文章4452018-11-29
實例分析9款驚艷的網頁設計作品
相關文章5142018-10-10
高級設計師如何設計優秀的引導頁
相關文章3482018-10-10
10種網頁設計中字體的運用方式
相關文章3472018-05-10
優秀的網頁設計和開發資源干貨集合
相關文章5102018-05-10
精選5月最流行的網頁設計趨勢
相關文章4832018-05-10
詳細解析10個2018年網頁設計趨勢
相關文章5182017-12-17
流行配色板合集和在線mockup制作網站
相關文章2692017-12-17
