網頁設計如何從細節中打敗別人(一)
今天天津網站設計文率科技(brendalovessharing.com)小編和大家談談細節的重要性,當一件東西所有的人都可以完成的時候,你將用什么去打動對方呢?其實就是用心,用細節,一件東西有沒有用心,細節做的好不好,其實常人是可以感受到得,一件好的藝術品需要細節、一部好的電影需要細節、一件衣服甚至一個紐扣也需要細節。當然一份好的網頁設計,更是有很多的細節需要,這樣才能打敗別人, 何為細節,一位大師曾形象地刻畫過:如果說“大節”是脊椎,細節就是脊椎的每一個骨節,少了那一節足以讓軀體癱瘓。細細品味,細節竟然如此的重要!
“天下大事,必做于細”。時光雖按部就班的延展,可無聲地吞噬了那個囫圇吞棗的粗放歲月,迎來的是一個細節充盈的時代。漠視細節,就會放棄成就,遠離尖端。舉輕若重的智者,始終不敢懈怠一絲微小和瑣碎,總會戰戰兢兢地把每一個細節做到完美。而舉重若輕者,往往漠視一沙一石的凌亂與瑣碎,把目光鎖定于由砂石堆砌而成的摩天大廈。最終,貪婪與僥幸使其永遠與摩天大廈失之交臂。
為設計師,聽到最多的無非就是我們要高大上,大氣,有品質,什么是高大上,是有品質的設計,其實很多人對高大上的理解并不是來源于網上的設計,你去看一個世界杯宣傳短片,去看一個演唱會,你會有比較,感覺這個演唱會很有品質,看一部電影知道這是個大作,并不是因為一張海報,一個韓國的MV你會覺得畫面很美,這里面有很多元素,文化上的美,他們有一個共同點,都是很用心,很細心,很專心去完成他們的藝術作品。
很多人印象中,香港人很精致,我們買衣服的時候也會想挑一些香港品牌,每周深圳有好多人排隊去香港淘衣服及很多好東西,在香港街上我發現他們穿衣服很精致,扣子很多是扣到最上面,頭發梳理的很整齊,皮鞋擦的很亮,很多香港老人也會穿戴整齊,我們會覺得他們活的很精致,香港早年淪為殖民地,英國的文化對他們影響很深,這就是為什么我們記住了英國紳士,他們的談吐等,其實說這么多,就表達品質感來源與對生活美的追求,來源于精益求精的每一個細節的追求與把握!
上圖打叉的是我們經常忽略的小細節,用系統默認字體的大小打完專題,你會發現其實中文和英文的大小是不一樣的,上圖數字“8”相比較“月”和“日”明顯略小,這樣,標題會有種上下起伏的感覺,不穩當,第二個是字的間距,默認打完嘆號離文字過遠,直接斷開了2句話,有必要去調整下字的間距,調整后字號也變得更大空間得到合理運用!
(實際運用案例)
錯誤的示意里我們選用了一款常用的書法字體,當然結果是不理想的,也許項目會反饋你不夠大氣,無論在筆觸上,字形上都不是一個很好的選擇,但是現有的字體無法滿足你的要求,怎么辦,你可以利用一些在線書法生成一些毛筆字,但是要注意的是生成的很多字在筆觸粗細上都不一樣,很容易讓你幾個字放在一起看著很別捏,如果你沒有很好的書法基礎,你需要多下載一些書法筆觸,找出一些字特點并移植到你選中的另外幾個字上,在適當的地方加粗筆觸,這也是一個慢慢磨的過程,但是能提高不少作品的品質感!
(實際運用案例)
上圖本身運用問題也不大,但是因為我們搭配的素材是一個Q版人物,所以為了增加設計的快樂感在里面,依然重新手寫了胖乎乎的字體設計達到我們想你要的感覺!
上圖對文字的排版無疑很有問題,我們正常閱讀順序是白吃今天你了么,這樣的設計實在無法讓人產生好感!品質感就大打折扣
我們經常做按鈕或導航或者排版的時候總會Ctrl+t改變圖形的大小,但即使你用的是矩形工具拉的一個矢量圖形,在你反復改變大小的時候也會出現虛邊,有時候你不仔細看看不出,但是當你對圖形進行描邊等效果問題就會暴露,整個頁面充滿了這種虛邊的時候,你會感到網頁很模糊,就像胡子沒刮干凈的感覺,不舒服!
有時候我們會需要木紋的底,給頁面加點材質紋理,上圖是網上找的素材,如果我們直接應用那么必然很粗糙,與素材燈也會很不融合,這時候你需要調整素材,簡單的方法是利用仿制圖章工具復制一些紋理細膩的底紋,并且縮小你的素材,可以讓很多裂縫紋理看上去更細膩,我們需要更整齊的紋理。