您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

騰訊TGideas:細(xì)節(jié)決定品質(zhì)

首先不談設(shè)計(jì)我想談下剪頭發(fā),我們每個(gè)人都要修剪頭發(fā),特別是男人,以前我的頭發(fā)是媽媽剪的,那時(shí)的她是以節(jié)約為目的的,她覺(jué)得她剪的很好,我也這么認(rèn)為,所以我一直覺(jué)得我不適合短發(fā),不是她剪的不好,而是我不適合,直到過(guò)了二十多年,我在深圳發(fā)現(xiàn)大家都是短發(fā)很潮,于是決心在試次,結(jié)果是令我自己滿意的,那個(gè)師傅慢慢修,慢慢剪,理發(fā)師自己本身就穿著整齊頭發(fā)干凈很精致,干了10年了,很多年輕人理發(fā)2側(cè)是用推子直接鏟的,但是他是慢慢用剪子和梳子修的,剪好,人整個(gè)精致了很多,更有氣質(zhì)了,突然發(fā)現(xiàn)很多事情都是想通的!

p1.jpg

作為設(shè)計(jì)師,聽(tīng)到最多的無(wú)非就是我們要高大上,大氣,有品質(zhì),什么是高大上,是有品質(zhì)的設(shè)計(jì),其實(shí)很多人對(duì)高大上的理解并不是來(lái)源于網(wǎng)上的設(shè)計(jì),你去看一個(gè)世界杯宣傳短片,去看一個(gè)演唱會(huì),你會(huì)有比較,感覺(jué)這個(gè)演唱會(huì)很有品質(zhì),看一部電影知道這是個(gè)大作,并不是因?yàn)橐粡埡?bào),一個(gè)韓國(guó)的MV你會(huì)覺(jué)得畫面很美,這里面有很多元素,文化上的美,他們有一個(gè)共同點(diǎn),都是很用心,很細(xì)心,很專心去完成他們的藝術(shù)作品。 很多人印象中,香港人很精致,我們買衣服的時(shí)候也會(huì)想挑一些香港品牌,每周深圳有好多人排隊(duì)去香港淘衣服及很多好東西,在香港街上我發(fā)現(xiàn)他們穿衣服很精致,扣子很多是扣到最上面,頭發(fā)梳理的很整齊,皮鞋擦的很亮,很多香港老人也會(huì)穿戴整齊,我們會(huì)覺(jué)得他們活的很精致,香港早年淪為殖民地,英國(guó)的文化對(duì)他們影響很深,這就是為什么我們記住了英國(guó)紳士,他們的談吐等,其實(shí)說(shuō)這么多,就表達(dá)品質(zhì)感來(lái)源與對(duì)生活美的追求,來(lái)源于精益求精的每一個(gè)細(xì)節(jié)的追求與把握!

1文字的細(xì)節(jié)

p2.jpg

上圖打叉的是我們經(jīng)常忽略的小細(xì)節(jié),用系統(tǒng)默認(rèn)的字的大小打完專題專題,你會(huì)發(fā)現(xiàn)其實(shí)字體對(duì)中文和英文大小是不一樣的,上圖明顯數(shù)字“8”相比較“月”和“日”略小,這樣,標(biāo)題會(huì)有種上下起伏的感覺(jué),不穩(wěn)當(dāng),第二個(gè)是字的間距,默認(rèn)打完嘆號(hào)離文字過(guò)遠(yuǎn),直接斷開了2句話,有必要去調(diào)整下字的間距,調(diào)整后字號(hào)也變得更大空間得到合理運(yùn)用!

p3.jpg

(實(shí)際運(yùn)用案例)

p4.jpg

錯(cuò)誤的示意里我們選用了一款常用的書法字體,當(dāng)然結(jié)果是不理想的,也許項(xiàng)目會(huì)反饋你不夠大氣,無(wú)論在筆觸上,字形上都不是一個(gè)很好的選擇,但是現(xiàn)有的字體無(wú)法滿足你的要求,怎么辦,你可以利用一些在線書法生成一些毛筆字,但是要注意的是生成的很多字在筆觸粗細(xì)上都不一樣,很容易讓你幾個(gè)字放在一起看著很別捏,如果你沒(méi)有很好的書法,你需要多下載一些書法筆觸,找出一些字特點(diǎn)并移植到你選中的另外幾個(gè)字上,在適當(dāng)?shù)牡胤郊哟止P觸,這也是一個(gè)慢慢磨的過(guò)程,但是能提高不少作品的品質(zhì)感!

p5.jpg

(實(shí)際運(yùn)用案例)

p6.jpg

上圖本身運(yùn)用問(wèn)題也不大,但是因?yàn)槲覀兇钆涞乃夭氖且粋€(gè)Q版人物,所以為了增加設(shè)計(jì)的快樂(lè)感在里面,依然重新手寫了胖乎乎的字體設(shè)計(jì)達(dá)到我們想你要的感覺(jué)!

p7.jpg

上圖對(duì)文字的排版無(wú)疑很有問(wèn)題,我們正常閱讀順序是白吃今天你了么,這樣的設(shè)計(jì)實(shí)在無(wú)法讓人產(chǎn)生好感!品質(zhì)感就大打折扣

2圖形

p8.jpg

我們經(jīng)常做按鈕或?qū)Ш交蛘吲虐娴臅r(shí)候總會(huì)ctrl+t改變圖形的大小,單即使你用的是矩形工具拉的一個(gè)矢量圖形,在你反復(fù)改變大小的時(shí)候會(huì)出現(xiàn)虛邊,有時(shí)候你不仔細(xì)看看不出,但是當(dāng)你對(duì)圖形進(jìn)行描邊等效果問(wèn)題就會(huì)暴露,整個(gè)頁(yè)面充滿了這種虛邊的時(shí)候,你會(huì)感到網(wǎng)頁(yè)很模糊,就像胡子沒(méi)刮干凈的感覺(jué),不舒服!

3底紋

p9.jpg

有時(shí)候我們會(huì)需要木紋的底,給頁(yè)面加點(diǎn)材質(zhì)紋理,上圖是網(wǎng)上找的素材,如果我們直接應(yīng)用那么必然很粗糙,與素材燈也會(huì)很不融合,這時(shí)候你需要調(diào)整素材,簡(jiǎn)單的方法是利用仿制圖章工具復(fù)制一些紋理細(xì)膩的底紋,并且縮小你的素材,可以讓很多裂縫紋理看上去更細(xì)膩,我們需要更整齊的紋理

p10.jpg

可以看到這個(gè)專題用了2種木紋,很細(xì)膩,整體很精致

4氛圍與光影

p11.jpg

這是網(wǎng)絡(luò)上一種很假的雨的一篇教程,當(dāng)然這對(duì)新手熟悉一些濾鏡的使用是有幫助的,但是如果你在真正去用于商業(yè)就會(huì)非常假,毫無(wú)品質(zhì)可言!

p12.jpg

雨應(yīng)該是有前后關(guān)系的,有的雨滴更靠近我們,有的雨滴在后面模糊,有的雨滴大,有的小,只有去調(diào)整雨滴整體感覺(jué)品質(zhì)感才會(huì)大大提升!

p13.jpg

通常做雪上面的雪就夠用了,但是當(dāng)我們要做暴風(fēng)雪,下圖不規(guī)則雪的形狀就會(huì)讓我們更有氣氛感,當(dāng)然品質(zhì)感也就上去了!

p14.jpg

很多時(shí)候物體也好,人物也好都是在光的照射下,如果你的背景是個(gè)陽(yáng)光明媚的夏天,但是你人物放在那里一點(diǎn)光都沒(méi)有,就會(huì)很干澀生硬

圖片1.jpg

細(xì)膩的色彩處理,配上纖細(xì)的文字及色彩,人物身上搭配的光影與文字相得益彰,每一個(gè)文字都清晰明朗,品質(zhì)感相當(dāng)高的設(shè)計(jì)!

5案例

p15.jpg

上面的小圖標(biāo)默認(rèn)顏色偏紅有些暗淡,為了搭配底部藍(lán)色,對(duì)色彩進(jìn)行了調(diào)整,使之更舒服,提升了整體品質(zhì)!

p16.jpg

這張圖上可以看到有很多氣泡點(diǎn),據(jù)說(shuō)設(shè)計(jì)師點(diǎn)了1周,這種耐心與細(xì)心確實(shí)是很多人做不到的,很上流視覺(jué)沖擊感十足!

p17.jpg

上圖廣告圖周圍的墨跡的效果,看上去似乎很簡(jiǎn)單,我們來(lái)看看設(shè)計(jì)師是如果制作的!

p18.jpg

通過(guò)不同形狀的墨跡框加上魔點(diǎn),再通過(guò)相互疊加然后產(chǎn)生墨跡散開柔和的效果,在不同底色下疊加能產(chǎn)生更加真實(shí)的墨跡感!

其實(shí)設(shè)計(jì)就跟你日常生活中打扮一樣,當(dāng)你胡子刮的很干凈,衣服燙的很整齊,頭發(fā)梳理的很光亮,那么你就會(huì)給人一種很精致整齊的感覺(jué),還原到你的設(shè)計(jì)稿,當(dāng)你頁(yè)面處理干凈,排版整齊有序,字體選擇得當(dāng),頁(yè)面設(shè)計(jì)的品質(zhì)就會(huì)大大提升!

設(shè)計(jì)就是不斷打磨,用心體驗(yàn)的一種過(guò)程!對(duì)頁(yè)面每個(gè)微小的地方我們都關(guān)注到的話,那么頁(yè)面得質(zhì)感就會(huì)得到一個(gè)非常大的提升!做一個(gè)精致的人,做一個(gè)精致的設(shè)計(jì)師!

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2187.html
百度MUX:版式在移動(dòng)界面中的應(yīng)用
從零開始教你掌握網(wǎng)格系統(tǒng)
圖趣網(wǎng)微信
建議反饋
×