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