編輯導(dǎo)語:隨著互聯(lián)網(wǎng)行業(yè)的快速發(fā)展,各種APP也開始應(yīng)運(yùn)而生,現(xiàn)在不論是哪個(gè)行業(yè),關(guān)于UI設(shè)計(jì)師都是一個(gè)必要的崗位,設(shè)計(jì)好板式是很重要的一項(xiàng)工作,那怎樣可以設(shè)計(jì)出屬于自己的版式呢,本文就來為大家聊一聊!
每次拿到原型開始設(shè)計(jì),總是沒有好的想法;每次做出來的設(shè)計(jì),不是同質(zhì)化,就是很平庸,該如何破局?
這是80%的設(shè)計(jì)師目前的現(xiàn)狀,設(shè)計(jì)好的UI版式真的很難么?答案顯然是否定的。
如果,大家經(jīng)常去關(guān)注一些前沿設(shè)計(jì)作品,設(shè)計(jì)概念,你就會(huì)發(fā)現(xiàn)別人的設(shè)計(jì)其實(shí)也沒用什么牛逼的技法,就是普通的版式,也可以設(shè)計(jì)感很強(qiáng)。
他們到底怎么做到的?
下面我來給你拆解3個(gè)方向,尤其是第二個(gè),很容易學(xué);但,就是越簡(jiǎn)單的東西,越容易被忽略。
一、圖文序列圖形與文字版式組合創(chuàng)新設(shè)計(jì),形成可見的幾何序列或者幾何矩陣,從而達(dá)到增強(qiáng)設(shè)計(jì)版式的視覺效果。
比如,我們常見的線條序列幾何、或者塊面序列幾何、點(diǎn)陣序列幾何。
很多人說,這些我都知道,但是靈感從哪里來?我們做UI設(shè)計(jì)不一定只看這個(gè)領(lǐng)域的參考。
比如,我們可以去看看平面、品牌、建筑、裝置藝術(shù)、概念藝術(shù)、街頭藝術(shù)、建筑藝術(shù)。
來看個(gè)例子,下面這張平面海報(bào)的設(shè)計(jì)。
將圖形與文字混合穿插排版,增強(qiáng)了形式感與版式感,這樣的思路我們?cè)赨I版式中也可以使用。
這種設(shè)計(jì)手法特征關(guān)鍵詞:穿插組合、幾何序列、疊加序列、重復(fù)序列。
下面,我們看幾個(gè)案例。
大量重復(fù)使用幾何線條序列,區(qū)分信息層級(jí)的同時(shí),還增加了版式感。
重復(fù)幾何序列矩陣,疊加,重復(fù)切割。
Nike Run Club
二、比大更大大小對(duì)比,我們從學(xué)設(shè)計(jì)時(shí),就已經(jīng)知道了,但就是用不好。
因?yàn)榇蠹?,把大小?duì)比理解成就是放大或者縮小兩者之間的差距,這個(gè)理解只能說正確一半。
我們要真正意義上理解大小對(duì)比,應(yīng)該是需要更大,再大一些,形成鮮明的對(duì)比。
Short Waves Festival
Tech Central
雜志設(shè)計(jì),大家應(yīng)該都看過,之所以雜志周刊很有版式感、設(shè)計(jì)感,是因?yàn)樗麄冊(cè)O(shè)計(jì)大膽。
比如,字體喜歡用大號(hào)文字,這樣更顯得直觀、清晰,在視覺上產(chǎn)生強(qiáng)烈的對(duì)比沖突,喚起思考。
下面,我們來看看在UI中的應(yīng)用案例。
分離派
上圖網(wǎng)頁UI設(shè)計(jì),有了大字號(hào)數(shù)字排版,這個(gè)頁面才有了靈魂。
Tech Central
三、強(qiáng)化負(fù)空間通過負(fù)空間也能產(chǎn)生設(shè)計(jì)感,增強(qiáng)界面版式質(zhì)感。那么,如何通過強(qiáng)化負(fù)空間來增加設(shè)計(jì)版式感?
首先要明白負(fù)空間的含義是留白,加大負(fù)空間的應(yīng)用,就是增加留白,讓頁面更有呼吸感。
蘋果官網(wǎng),通過大量營(yíng)造負(fù)空間效果,從而產(chǎn)生高級(jí)感,版式簡(jiǎn)約而不簡(jiǎn)單。
Enabling EV
下面看幾個(gè)應(yīng)用案例。
Upwork
在APP界面設(shè)計(jì)中,加大負(fù)空間效果,營(yíng)造更多的設(shè)計(jì)留白,從而來營(yíng)造版式感。
四、最后版式是一切設(shè)計(jì)的基礎(chǔ),做平面,品牌包裝,海報(bào)運(yùn)營(yíng)等都需要好的版式,在UI中也是一樣。
為什么在日常工作中,我們?cè)O(shè)計(jì)出來的UI界面不是很平庸就是同質(zhì)化,最大的原因是思維局限,思維沒打開。
我們可以從多維度去思考找靈感,夸領(lǐng)域汲取,從其他設(shè)計(jì)領(lǐng)域中找答案,這也是今天這篇文章的核心。
比如,通過從平面或者品牌中汲取版式靈感,再通過內(nèi)化、嘗試、探索應(yīng)用到你的界面設(shè)計(jì)中,設(shè)計(jì)創(chuàng)新就是這樣來的。
#專欄作家#Tony,微信公眾號(hào):功夫體驗(yàn)設(shè)計(jì),人人都是產(chǎn)品經(jīng)理專欄作家。百度視覺體驗(yàn)設(shè)計(jì)師,一直堅(jiān)持原創(chuàng)文章,樂于幫助新人。擅長(zhǎng)作品集指導(dǎo)、筆試題指導(dǎo)、UI視覺創(chuàng)意、設(shè)計(jì)趨勢(shì)風(fēng)格等。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://macbookprostickers.com/xintu/60992.html