騰訊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)很多事情都是想通的!
作為設(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é)
上圖打叉的是我們經(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)用!
(實(shí)際運(yùn)用案例)
錯(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ì)感!
(實(shí)際運(yùn)用案例)
上圖本身運(yùn)用問(wèn)題也不大,但是因?yàn)槲覀兇钆涞乃夭氖且粋€(gè)Q版人物,所以為了增加設(shè)計(jì)的快樂(lè)感在里面,依然重新手寫了胖乎乎的字體設(shè)計(jì)達(dá)到我們想你要的感覺(jué)!
上圖對(duì)文字的排版無(wú)疑很有問(wèn)題,我們正常閱讀順序是白吃今天你了么,這樣的設(shè)計(jì)實(shí)在無(wú)法讓人產(chǎn)生好感!品質(zhì)感就大打折扣
2圖形
我們經(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底紋
有時(shí)候我們會(huì)需要木紋的底,給頁(yè)面加點(diǎn)材質(zhì)紋理,上圖是網(wǎng)上找的素材,如果我們直接應(yīng)用那么必然很粗糙,與素材燈也會(huì)很不融合,這時(shí)候你需要調(diào)整素材,簡(jiǎn)單的方法是利用仿制圖章工具復(fù)制一些紋理細(xì)膩的底紋,并且縮小你的素材,可以讓很多裂縫紋理看上去更細(xì)膩,我們需要更整齊的紋理
可以看到這個(gè)專題用了2種木紋,很細(xì)膩,整體很精致
4氛圍與光影
這是網(wǎng)絡(luò)上一種很假的雨的一篇教程,當(dāng)然這對(duì)新手熟悉一些濾鏡的使用是有幫助的,但是如果你在真正去用于商業(yè)就會(huì)非常假,毫無(wú)品質(zhì)可言!
雨應(yīng)該是有前后關(guān)系的,有的雨滴更靠近我們,有的雨滴在后面模糊,有的雨滴大,有的小,只有去調(diào)整雨滴整體感覺(jué)品質(zhì)感才會(huì)大大提升!
通常做雪上面的雪就夠用了,但是當(dāng)我們要做暴風(fēng)雪,下圖不規(guī)則雪的形狀就會(huì)讓我們更有氣氛感,當(dāng)然品質(zhì)感也就上去了!
很多時(shí)候物體也好,人物也好都是在光的照射下,如果你的背景是個(gè)陽(yáng)光明媚的夏天,但是你人物放在那里一點(diǎn)光都沒(méi)有,就會(huì)很干澀生硬
細(xì)膩的色彩處理,配上纖細(xì)的文字及色彩,人物身上搭配的光影與文字相得益彰,每一個(gè)文字都清晰明朗,品質(zhì)感相當(dāng)高的設(shè)計(jì)!
5案例
上面的小圖標(biāo)默認(rèn)顏色偏紅有些暗淡,為了搭配底部藍(lán)色,對(duì)色彩進(jìn)行了調(diào)整,使之更舒服,提升了整體品質(zhì)!
這張圖上可以看到有很多氣泡點(diǎn),據(jù)說(shuō)設(shè)計(jì)師點(diǎn)了1周,這種耐心與細(xì)心確實(shí)是很多人做不到的,很上流視覺(jué)沖擊感十足!
上圖廣告圖周圍的墨跡的效果,看上去似乎很簡(jiǎn)單,我們來(lái)看看設(shè)計(jì)師是如果制作的!
通過(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ì)師!
本文地址:http://irelandcustomcontracting.com/tutorial/di2187.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏