變動無端的奇思妙想,特立獨行的交互形式,獨樹一幟的設計方法,它們常常來自于設計師的靈光一閃。在設計項目中加入一點奇思,不僅可以提高整體設計的意境,而且常常會獲取點鐵成金的奇效。
不論這個奇異的點子落腳在一個微小的元素上,還是貫徹到整體的設計里,這種專屬于腦洞的奇特魅力會自然地吸引這客戶。眾多奇妙的設計常見于女性化和兒童化的設計,但是它們的用途不僅止于這兩個類別。眾多不同類別的 設計項目都可以融合奇思妙想,不過最近這類創意腦洞最容易同摩登復古設計風的網頁結合起來操作。
說一千道一萬,我們不如瞧瞧設計師們都是怎樣做的吧。
網站設計中手寫字體
網站設計-手寫字體
相比于我們慣用的襯線體和非襯線體,手寫字體常常顯得更加真實,更加情緒化,相比之下也更加富有魅力,可以將整個設計的情感最大化。參考上面的Summer Fridays。
當然,過猶不及。在操作手寫字體的時候,一些老生常談的問題值得留意:不要操作那些被用濫了的手寫字體。為了效益最大化,越接近于手寫效益的字體,越真實,效益就越好。而絕大多數的計算機設計的字體就正好缺乏這種真實性。所以,下面的幾個問題值得你思考:
·盡量篩選擁有多種樣式可替換的字體族。當同一個字母操作多次又需要有細節差異的時候,能夠通過替換同族不同樣式的字體來實現這種差別。
·不要大規模操作手寫字體,盡量最低限度的操作確保效益最大化,比如只在標題中操作。
·請一定保持風格和基調的統一性。纖細的字體盡量和細體一起搭配操作,而粗體則盡量和粗體組合操作。
網站設計中水彩畫
網站設計-水彩畫
水彩畫屬于那種上手并不那么容易,但是用好了又特別贊的設計元素。它的操作方式許多,從背景到插畫都很不錯,像上面的網站 Made of Sundays 就是很好的例子。
當你操作水彩畫的時候,應該明晰你的宗旨:拿它來干什么。想要充分用好它,要么盡可能讓界面全套的元素都沿用水彩元素,要么僅僅在較小的元素上操作水彩元素。
當然,如果沒有其他對照強烈的視覺效益的時候,操作水彩元素也無傷大雅。如果你覺得水彩元素會喧賓奪主的話,不妨適當地淡化它們。
網站設計中插畫
網站設計-插畫
沒有何比漂亮精致的插畫更抓人眼球的了。插畫本身就是高辨別度的設計元素,而你的設計則能夠借此更好的被客戶所認識。所以,一份設計優質的插畫可以成為你的緊要的“身份辨別”。
你并不需要用大面積、整幅的插畫來證明什么,一個小的插畫,甚至是草圖就足夠了。Rachel’s Ginger Beer 這個頁面僅僅只是操作幾幅小的插畫,就很好的營造出整體效益,展現出設計者的奇妙思維。
網站設計中鮮艷的色彩
網站設計-鮮艷的色彩
沒有何比鮮艷的色彩更能能營造輕易愉悅的氛圍了。色彩本身就能讓客戶第一時間感受到,而大膽明亮的配色在情緒表達上也有著先天的優點,客戶能從中徑直感受到有趣或者愉悅的情緒。
設計師的奇思妙想常常會用高飽和度的黃色、橙色和綠色來表現。實際上,即使是只操作這些色彩就已經可以達到效益了,并非必須操作高飽和度。
網站設計中線條和筆觸
線條和筆觸
想要讓你的設計顯得輕盈的另外一種方法的就是將細線和纖細的筆觸貫穿整個設計。從主視覺元素、圖片的邊緣到字體的筆畫都操作線條和細筆觸來表現,最重要的是,這些元素營造出輕盈的感覺的同時,還擁有強大的包容性,承載你的奇妙構思,加入更多自定義的、獨特的元素。
舉個最簡易的例子,即使是纖細的元素貫穿始終,你依然能夠操作有些不那么纖細的元素與之搭配,產生對照。瞧瞧 Sonikpass 這個設計,它就很好的融合了有些相對厚重的字體(留意背景),鮮亮的色彩和深沉的黑色文字、淺灰的背景產生了很好的對照,不單調也不繁復,陰陽調和。
簡易的動效
簡易的動效
固然動效緊要是用來同客戶實行交互、引導交互、體現效益,但是也能夠純是為了有趣而實行設計。懸停特效、舞臺效益、跳動、拉伸、擬物的運動等等等等,它們都可以給客戶以情緒上的觸動。
當你要將一種獨特的想法注入到你的動畫中的時候,一定記住它是要用來取悅客戶的。這也是為何眾多設計師在這么做的時候會選取明亮的色彩或者結合有意思的插畫——客戶吃這一套。
Pharrell Williams 的網站就集成了眾多不錯的動效,動態磁貼式的部署,鮮艷的配色和各式各樣的懸停效益,它們不僅讓客戶讀取到更多的而內容,而且更好的引導客戶去尋找他們想要的內容。
網站設計中有宗旨性的設計缺陷
有宗旨性的設計缺陷
通過設計來體現完美和有宗旨性的設計出缺陷是同樣的原理。那些小瑕疵、小缺陷惹人留意,令人側目,是設計師故意為之,從而達到特定的宗旨。就像動畫和電影中的種種致敬一樣,這些缺陷會成為你的優點。
這些缺陷能夠以不同的模式存在于不同的地方:
·一條線比其他的線都要粗或者細
·文本中某幾個字和其他的字的字體明顯不同
·某個線條或者插畫和其他的部分明顯不對齊或者不統一
·明顯不匹配的元素相互混合
·不對稱的圖形和不統一的比例
·現實的元素和幻想的元素相互混合搭配
上一篇:網站設計企業談技術要素
下一篇:網站設計也稱網站美工設計