網(wǎng)頁(yè)設(shè)計(jì)如何從細(xì)節(jié)中打敗別人(一)
今天天津網(wǎng)站設(shè)計(jì)文率科技(www.milestonesys.cn)小編和大家談?wù)劶?xì)節(jié)的重要性,當(dāng)一件東西所有的人都可以完成的時(shí)候,你將用什么去打動(dòng)對(duì)方呢?其實(shí)就是用心,用細(xì)節(jié),一件東西有沒(méi)有用心,細(xì)節(jié)做的好不好,其實(shí)常人是可以感受到得,一件好的藝術(shù)品需要細(xì)節(jié)、一部好的電影需要細(xì)節(jié)、一件衣服甚至一個(gè)紐扣也需要細(xì)節(jié)。當(dāng)然一份好的網(wǎng)頁(yè)設(shè)計(jì),更是有很多的細(xì)節(jié)需要,這樣才能打敗別人, 何為細(xì)節(jié),一位大師曾形象地刻畫(huà)過(guò):如果說(shuō)“大節(jié)”是脊椎,細(xì)節(jié)就是脊椎的每一個(gè)骨節(jié),少了那一節(jié)足以讓軀體癱瘓。細(xì)細(xì)品味,細(xì)節(jié)竟然如此的重要!
“天下大事,必做于細(xì)”。時(shí)光雖按部就班的延展,可無(wú)聲地吞噬了那個(gè)囫圇吞棗的粗放歲月,迎來(lái)的是一個(gè)細(xì)節(jié)充盈的時(shí)代。漠視細(xì)節(jié),就會(huì)放棄成就,遠(yuǎn)離尖端。舉輕若重的智者,始終不敢懈怠一絲微小和瑣碎,總會(huì)戰(zhàn)戰(zhàn)兢兢地把每一個(gè)細(xì)節(jié)做到完美。而舉重若輕者,往往漠視一沙一石的凌亂與瑣碎,把目光鎖定于由砂石堆砌而成的摩天大廈。最終,貪婪與僥幸使其永遠(yuǎ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é)得畫(huà)面很美,這里面有很多元素,文化上的美,他們有一個(gè)共同點(diǎn),都是很用心,很細(xì)心,很專心去完成他們的藝術(shù)作品。
很多人印象中,香港人很精致,我們買(mǎi)衣服的時(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é)的追求與把握!
上圖打叉的是我們經(jīng)常忽略的小細(xì)節(jié),用系統(tǒng)默認(rèn)字體的大小打完專題,你會(huì)發(fā)現(xiàn)其實(shí)中文和英文的大小是不一樣的,上圖數(shù)字“8”相比較“月”和“日”明顯略小,這樣,標(biāo)題會(huì)有種上下起伏的感覺(jué),不穩(wěn)當(dāng),第二個(gè)是字的間距,默認(rèn)打完嘆號(hào)離文字過(guò)遠(yuǎn),直接斷開(kāi)了2句話,有必要去調(diào)整下字的間距,調(diào)整后字號(hào)也變得更大空間得到合理運(yùn)用!
(實(shí)際運(yùn)用案例)
錯(cuò)誤的示意里我們選用了一款常用的書(shū)法字體,當(dāng)然結(jié)果是不理想的,也許項(xiàng)目會(huì)反饋你不夠大氣,無(wú)論在筆觸上,字形上都不是一個(gè)很好的選擇,但是現(xiàn)有的字體無(wú)法滿足你的要求,怎么辦,你可以利用一些在線書(shū)法生成一些毛筆字,但是要注意的是生成的很多字在筆觸粗細(xì)上都不一樣,很容易讓你幾個(gè)字放在一起看著很別捏,如果你沒(méi)有很好的書(shū)法基礎(chǔ),你需要多下載一些書(shū)法筆觸,找出一些字特點(diǎn)并移植到你選中的另外幾個(gè)字上,在適當(dāng)?shù)牡胤郊哟止P觸,這也是一個(gè)慢慢磨的過(guò)程,但是能提高不少作品的品質(zhì)感!
(實(shí)際運(yùn)用案例)
上圖本身運(yùn)用問(wèn)題也不大,但是因?yàn)槲覀兇钆涞乃夭氖且粋€(gè)Q版人物,所以為了增加設(shè)計(jì)的快樂(lè)感在里面,依然重新手寫(xiě)了胖乎乎的字體設(shè)計(jì)達(dá)到我們想你要的感覺(jué)!
上圖對(duì)文字的排版無(wú)疑很有問(wèn)題,我們正常閱讀順序是白吃今天你了么,這樣的設(shè)計(jì)實(shí)在無(wú)法讓人產(chǎn)生好感!品質(zhì)感就大打折扣
我們經(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é),不舒服!
有時(shí)候我們會(huì)需要木紋的底,給頁(yè)面加點(diǎn)材質(zhì)紋理,上圖是網(wǎng)上找的素材,如果我們直接應(yīng)用那么必然很粗糙,與素材燈也會(huì)很不融合,這時(shí)候你需要調(diào)整素材,簡(jiǎn)單的方法是利用仿制圖章工具復(fù)制一些紋理細(xì)膩的底紋,并且縮小你的素材,可以讓很多裂縫紋理看上去更細(xì)膩,我們需要更整齊的紋理。