高手之路!讓你的作品更有設(shè)計(jì)感的9個(gè)小技巧

2015-10-26    博博

藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

來(lái)源:優(yōu)設(shè)網(wǎng)

9-design-quick-skills-1

編者按:今天微博上看到一位設(shè)計(jì)師說(shuō):做,就會(huì)錯(cuò);可不做,永遠(yuǎn)對(duì)不了。深以為然,趕緊點(diǎn)贊。如果那么巧,你剛好在不斷試錯(cuò)的設(shè)計(jì)階段,那今天這篇好聞推薦學(xué)習(xí)一下。作者分享了9個(gè)實(shí)用的小技巧,幫你的半成品設(shè)計(jì)變成完整好看的作品,希望同學(xué)們多動(dòng)手多看前輩的經(jīng)驗(yàn),一起加油。

說(shuō)這句話的設(shè)計(jì)師是@牛MO王涵,他也在優(yōu)設(shè)分享過(guò)很多好文喲:《過(guò)稿有訣竅!5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上》

see-more-make-design-grade

也許你還是一個(gè)設(shè)計(jì)新手,但你也想讓你的設(shè)計(jì)作品看起來(lái)更好看些(可是你的作品還不太符合既定的模板)?;蛟S你也想明白到底是什么因素成就了那些偉大的設(shè)計(jì)作品,但現(xiàn)在,你必須先去完成一些其他的事情。根據(jù)這個(gè)建議,你應(yīng)該先學(xué)習(xí)如何去完善你的半成品設(shè)計(jì),簡(jiǎn)而言之,你應(yīng)該是去學(xué)習(xí),而不是在想象的海洋中盲目掙扎。那么讓我們言歸正傳吧。

一、不要用花哨的字體

字體的種類成千上萬(wàn)。事實(shí)上,他們中的大多數(shù)都是很不實(shí)用的。有許多優(yōu)秀又好看字體,但也有糟糕不實(shí)用的字體。

9-wins-font-free-cheese

絕對(duì)要避免這種“噱頭”字體:圖片上是手寫體,看起來(lái)像瑞士奶酪。不是說(shuō)任何的花哨的字體都不可以用,但如果你處于設(shè)計(jì)師的初步階段,就不要把問(wèn)題復(fù)雜化,以免增加你選擇不實(shí)用字體的可能性。

如果你沒(méi)有足夠的把握,那就直接借鑒高手的!《字體排行榜!2014年的35款字體素材打包下載》

二、字體要盡量選擇簡(jiǎn)單的

既然有那么多糟糕不實(shí)用的字體,那你就不要冒險(xiǎn),不要去選擇復(fù)雜的字體。堅(jiān)持選擇簡(jiǎn)單字體,然后把精力集中在學(xué)習(xí)如何識(shí)別在屏幕上哪些字體適合小尺寸的,哪些字體適合大的尺寸(或者適合打印出來(lái)),還有不一樣的字體都能傳達(dá)出什么樣的情緒(字體如何傳達(dá)情緒)。

了解字體的性格你就能了解它的情緒咯:《字體的性格!未成曲調(diào)先有情》

9-wins-fonts1

三、不超過(guò)十五個(gè)字

現(xiàn)在網(wǎng)站上的都是寬屏幕,也為了響應(yīng)現(xiàn)在設(shè)計(jì)的流行趨勢(shì),許多人都想把文本塊主體加寬。但是不要讓你的文本標(biāo)題部分每行超過(guò)十二到十五個(gè)字,不要讓他們每行少于八個(gè)字。

9-wins-measure

四、只使用一種字體

是的,你沒(méi)有看錯(cuò),我就是這么說(shuō)的。就算是只使用一種字體,你也可以完成一個(gè)偉大的設(shè)計(jì),甚至這個(gè)設(shè)計(jì)的內(nèi)容還會(huì)更豐富;而且,如果你想好好學(xué)習(xí)設(shè)計(jì),就不要讓自己分心。好好研究你選定的字體,你會(huì)學(xué)到很多關(guān)于如何運(yùn)用你選好的字體去創(chuàng)造一個(gè)適合你的好設(shè)計(jì),而不是老去考慮大小的變化,對(duì)齊和空白等(這個(gè)在貼士9也會(huì)講到)。

9-wins-moar-fonts

五、挑選字體大小要有多變的數(shù)值范圍

在數(shù)碼印刷時(shí)代,我們是幸運(yùn)的,又是不幸的:能夠設(shè)定我們想要的任何尺寸。我說(shuō)“不幸”是因?yàn)閷?duì)大多數(shù)人來(lái)說(shuō),這其實(shí)是一種弊端,因?yàn)樗鼤?huì)使事情變得復(fù)雜。那就幫自己一下,好好記住這些像素大小的值: 5,7,9,12,16,21,28,37,50,67,83。這些尺寸都是基于3:4的比例,你可以在優(yōu)設(shè)網(wǎng)搜名片設(shè)計(jì)+延伸閱讀了解更多關(guān)于這些尺寸的知識(shí)。如果這些尺寸不能完全達(dá)到你想要的效果,你還以通過(guò)一下事情來(lái)改善:使用粗體或斜體,使用全部大寫(標(biāo)題),或使用不同顏色。堅(jiān)持使用這些尺寸,不用再去考慮其他事情。

9-wins-scale

六、對(duì)齊文本

合理的文本類型一般左邊對(duì)齊,右邊在可用空間隨意蔓延擴(kuò)展。如果你真的了解你的排版,好看的合適的對(duì)齊類型可以提供優(yōu)質(zhì)的出版打印效果。在網(wǎng)絡(luò)上,做正確的事不是不可能的。文本塊需要有一個(gè)均勻的紋理,并用它們來(lái)調(diào)整以免這些難看的空白區(qū)打斷原本流暢的閱讀。切記:千萬(wàn)不要為了去對(duì)齊邊緣而犧牲你的文本內(nèi)容。

如何讓文本更好看?來(lái)看10年+經(jīng)驗(yàn)設(shè)計(jì)師給的答案:《平面排版時(shí),教你突出中文美感的幾種方法》

9-wins-rivers

七、保持裝飾,紋理,將影響降至

挑戰(zhàn)一下自己,盡可能不要添加太多的裝飾(規(guī)則的線條,文字塊,梯度,和紋理)。簡(jiǎn)化和考慮所有其他的細(xì)節(jié)之后(比如貼士# 9),然后再開(kāi)始在需要的地方添加一些東西。

9-wins-patter

八、只選擇一種顏色

可以去看看平時(shí)常接觸的那些大牌網(wǎng)站。比如Google,Yelp,Duolingo,and Twitter。他們中的每一個(gè)都可以讓我立刻想起他們的顏色,而且這種顏色主導(dǎo)著他們的每一個(gè)產(chǎn)品。只選擇一種適合你的設(shè)計(jì)的顏色,然后統(tǒng)一色調(diào)或者使用深淺不同的色調(diào)。最重要的是,要簡(jiǎn)潔。現(xiàn)在,你可以幾種精力看貼士9了。

9-wins-brand

九、更注重“隱形”而不是“可見(jiàn)”

以上敘述的都是為了幫助你簡(jiǎn)化你的決定,這樣你就可以專注于設(shè)計(jì)那些看不見(jiàn)的東西。我們是認(rèn)知的奴隸,很容被閃亮的東西所吸引,比如字體和顏色,但那些真正重要的東西才會(huì)使設(shè)計(jì)看起來(lái)干凈又具有凝聚力:各種元素的大小,他們排列和相互作用的方式,以及他們之間的空白空間的多少。

這些無(wú)形的力量就是就是如此強(qiáng)大。

結(jié)論

設(shè)計(jì)是一個(gè)很復(fù)雜的學(xué)科,所有這些規(guī)則可由一個(gè)非常熟練的設(shè)計(jì)師打破。當(dāng)然當(dāng)你對(duì)這些規(guī)則運(yùn)用十分自如以后你甚至也可以試著打破它們;但在那之前,你要遵循這些規(guī)則,在你的設(shè)計(jì)之路上你就不再是生手,你也是專業(yè)的!

優(yōu)設(shè)近期技巧類好文人氣榜!

分享本文至:

日歷

鏈接

個(gè)人資料

存檔