當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 設(shè)計(jì)理論 > 靈感聚合站!為你解析20個(gè)奇思妙想的LOGO設(shè)計(jì)

秋風(fēng)漸起,大咖們都追隨這些趨勢(shì)做頁(yè)面設(shè)計(jì)

我們常常探索規(guī)則,規(guī)則讓設(shè)計(jì)充滿可預(yù)期性。我們也常常想打破規(guī)則,這可能是出于設(shè)計(jì)者叛逆的天性,也吻合讓特定風(fēng)格或者元素脫穎而出的設(shè)計(jì)需求。剛剛曩昔的9月當(dāng)中,設(shè)計(jì)師們打破規(guī)則的特質(zhì),通過(guò)頁(yè)面設(shè)計(jì)作品表現(xiàn)得淋漓盡致。這些以破壞規(guī)則為特質(zhì)的設(shè)計(jì)作品,現(xiàn)實(shí)上也遵循著某種潛在的規(guī)律:盡量只打破一個(gè)規(guī)則,來(lái)創(chuàng)造出不測(cè)和戲劇化的結(jié)果。

1、漠視邊界的文本元素

在很長(zhǎng)的一段時(shí)間當(dāng)中,設(shè)計(jì)師會(huì)讓每一個(gè)元素都有條不紊地置于各自的區(qū)間當(dāng)中。但是如今,設(shè)計(jì)師開始讓元素走出邊界。

橫跨多區(qū)塊的元素看起來(lái)好像有點(diǎn)過(guò)于自由,但是在現(xiàn)實(shí)的設(shè)計(jì)作品當(dāng)中,結(jié)果照舊頗為風(fēng)趣的。尤其是橫跨多區(qū)塊的文本元素,視覺(jué)結(jié)果很是凸起。

所以,如今所呈現(xiàn)出來(lái)的設(shè)計(jì)趨勢(shì),是讓文本元素橫跨背景圖層、圖片和其他的區(qū)塊,就像下面的 Tradewinds 這個(gè)網(wǎng)站。

在目前我們所看到的設(shè)計(jì)作品當(dāng)中,橫跨多區(qū)域的文本可以是任何大小,形態(tài),角度,但是它們通常必要和背景的內(nèi)容都構(gòu)成充足的對(duì)比,才能確保優(yōu)秀的可讀性。在下面的案例當(dāng)中,文本可以橫向展示,也可以縱向排布。

這種設(shè)計(jì)背后所隱蔽的思維體例,是使用超出用戶預(yù)期的元素來(lái)引起用戶的細(xì)致,如許是為什么設(shè)計(jì)師會(huì)在這個(gè)地方采用展示性較強(qiáng)的字體。

為了讓這些文本真正發(fā)揮作用,在頁(yè)面當(dāng)中,這些文本通常是作為單獨(dú)的圖層而存在。文本所用的字體在具備展示性的特性的同時(shí),還應(yīng)該具備充足好的可識(shí)別性。為了避免復(fù)雜的設(shè)計(jì)讓人難以獲取信息,盡量采用簡(jiǎn)單的布局。

2、超大的視覺(jué)元素

超大的視覺(jué)元素并不奇怪,但是將日常生活中通常并不大的元素放大,鋪滿屏幕,就很有戲劇感了。

這種設(shè)計(jì)是一種很風(fēng)趣的手法,必要設(shè)計(jì)師運(yùn)用細(xì)節(jié)雄厚的高清大圖。

想要讓如許的設(shè)計(jì)充足凸起,設(shè)計(jì)師必要在圖片素材的選取上慧眼獨(dú)具。假如有人告訴你,用一只眼睛或者一張嘴巴將整個(gè)屏幕填滿,你認(rèn)為如許的設(shè)計(jì)會(huì)不會(huì)成功?首先,如許的設(shè)計(jì)通常是讓人意想不到的,假如在團(tuán)體設(shè)計(jì)上充足原創(chuàng),加上特定的品牌烙印,能夠形成充足有力的視覺(jué)傳達(dá)能力。

當(dāng)然,將日常生活中的小尺寸的元素放大到整個(gè)屏幕,視覺(jué)平衡是必要細(xì)心控制的。它們通常必要充足的空間和留白,來(lái)確保它們看起來(lái)不是那么新鮮,或者過(guò)于刺激。Westward Leaning 這個(gè)網(wǎng)站在眼鏡元素的四周采用了大量的留白來(lái)平衡視覺(jué),F(xiàn)amoustache 這個(gè)網(wǎng)站則采用了通亮的色彩和風(fēng)趣的排版來(lái)平衡浮動(dòng)的胡子,而DTSi 這個(gè)網(wǎng)站則用大量的半透明的幾何元素來(lái)軟化背景的眼睛。

想讓這些超大的視覺(jué)元素具有充足的視覺(jué)沖擊力,肯定要確保圖片質(zhì)量,在屏幕上要確保像素完善,銳度和焦點(diǎn)都要能夠確保。最好是高清的圖片和視頻,甚至是矢量的素材,即使是最簡(jiǎn)單的眼鏡,也要確保它的刻畫是充足清晰銳利的,不會(huì)讓用戶感到不適。

3、空心圖形

近年來(lái),設(shè)計(jì)師對(duì)于幾何外形的偏好顯明更多了。無(wú)論是圖形疊加照舊多邊形圖案,這幾個(gè)月各種以圖形為中間的設(shè)計(jì)并不鮮見(jiàn)。而如今,設(shè)計(jì)師們好像更加青睞空心圖形的運(yùn)用。

無(wú)論是作為L(zhǎng)OGO,圖標(biāo)照舊幾何圖形,空心的圖形都是頗為風(fēng)趣的設(shè)計(jì)元素。一樣平常而言,它們都比較簡(jiǎn)單,比如 Bruderl 網(wǎng)站中的空心幾何體,但是同時(shí)它也充當(dāng)著指導(dǎo)視覺(jué)的標(biāo)記。而在另外一個(gè)網(wǎng)站 BorderFree 當(dāng)中,空心圖形則作為圖標(biāo)來(lái)使用,不細(xì)致節(jié)會(huì)比通俗的更多一些。

無(wú)論從哪個(gè)角度上來(lái)看,空心圖形都很風(fēng)趣,以它們?yōu)楹诵膩?lái)創(chuàng)造視覺(jué)焦點(diǎn),擁有充足的情勢(shì)感,能賦予品牌以更顯明的特色,創(chuàng)造獨(dú)特而令人難忘的視覺(jué)體驗(yàn)。

為了讓整個(gè)空心圖形更凸起,可以適當(dāng)?shù)刈屚庑芜吘壐駥?shí)一些,和背景的對(duì)比更顯明一些,讓它在視覺(jué)上充足凸起。

真正讓空心圖形脫穎而出的,是獨(dú)特的外形,所以設(shè)計(jì)師應(yīng)該合理地控制前后景的對(duì)比,和整個(gè)設(shè)計(jì)的平衡,吸引用戶的細(xì)致力。

結(jié)語(yǔ)

就像我們?cè)陂_頭所說(shuō)的那樣,打破規(guī)則,并且盡量只打破一個(gè)規(guī)則,就能通過(guò)顯明的失衡的設(shè)計(jì),來(lái)創(chuàng)造令人難忘的設(shè)計(jì),這種策略是有用的,至少我們所看到的這些趨勢(shì)就是相沿如許的方法來(lái)做的。


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di3909.html
游戲化設(shè)計(jì)的精髓是結(jié)合用戶歷程進(jìn)行UX設(shè)計(jì)
沒(méi)經(jīng)驗(yàn)沒(méi)思路?最常用的電商Banner 設(shè)計(jì)套路都在這兒了!
圖趣網(wǎng)微信
建議反饋
×