UI設計丨國外大神常用的幾個設計技巧
哈嘍各位小伙伴,本期分享幾個國外大神常用的幾個設計技巧!一起來看看吧~
有品味的圖
有很多人很容易忽略這個細節,覺得很簡單。但大部分人找的圖并不理想,不注重圖片質量,這就會導致設計品質下降。
比如圖片選擇上,有沒有把控圖片的色彩傾向和飽和度、圖片有沒有傳達主題意境和是否使用高清大圖等。這些都是影響視覺品質的關鍵因素。
下面來看個反面案例:
上面這個設計,可能第一眼覺得基本做完了,圖片也高清,但是最大問題就我剛剛說的圖片沒有表達主題,同時圖片美觀性略有不足。
基于對設計的嚴格要求,繼續對圖片重新選取調整,在背景包裝上使用分割技法,同時紅色塊和照片形成冷暖對比,這樣整個設計有了音樂娛樂氛圍,調性起來了。
再來換一張圖看看:
嗯,大家看下,一張圖片的差異對設計影響到底有多大。
一起來看看其他線上案例:
這張設計其實沒啥,就圖片很有Feel,加上背景使用分割畫面包裝,因此整個設計品質就上來了。
所以有時候設計其實沒有多難,關鍵還是需要認真思考背后的邏輯。
這是PlusX對Spoon進行品牌重塑的一個設計,我們可以看到,好的照片是會說話的,它非常有藝術感和生活氣息在里面。
關鍵點在于要認真找圖,同時可以做一些簡單色彩傾向處理,以達到和整體氛圍融合。
巧用色彩
使用色彩時候,會有不知道所錯的情況。其實這種情況不必太過擔心,我們只要掌握一些常用技巧就能解決大部分配色難題。
使用鄰近色

色相環小于60度色彩是鄰近色,如上圖,在帶圓底圖標時候,漸變色可以帶一些色彩傾向。左側圖標漸變色有些偏暗了,色相不準確,右側進行優化后效果。
使用互補混合色



Dribbble上面設計師 Gleb Kuznetsov的作品,同色系也可以很高級。
破形布局
字面意思就是打破常規的容器布局,將元素與容器進行部分分離,形成破形的感覺。在界面功能模塊上和設計包裝也是常常運用。
我們先來看看網上破形布局案例:
右側界面中,飛機圖形元素飛出背景圓底,這樣給人一種動態形式感。
這個開屏包裝效果也是通過飛機和手機殼進行破形布局,營造視覺沖擊力。
同樣這個作品包裝將球體與原圖進行拆離出來,一半身體與背景相呼應。打破常規固有布局。
下面來做一個案例試一試:
第一步先找個素材,然后把布局框架給搭建出來,我這里用作品包裝來舉例。
第二步再進行設計排版,然后整個破形感覺就有了。相比常規布局,這種布局從形式上就會有吸引力在里面。
就這樣一個簡單的破形布局包裝案例就出來了。
本期雖然只分享了3個知識點,但是要熟練掌握這三點還需要大家多去做練習,特別是對圖片的審美,是需要長時間練習的。
轉載聲明:本文來源于網絡,不作任何商業用途

全部評論


暫無留言,趕緊搶占沙發
熱門資訊

學員采訪丨師兄師姐用行動告訴你思想決定高度!...

【配色技巧】國外流行的7種不同領域配色風格...

成長帖丨不逼自己一把,怎么知道自己優秀呢?...

深圳設計培訓機構排名前十哪個家好?

深圳網頁設計培訓班學費是多少?

文字太多PPT應該如何排版?

百度文庫會員體驗框架升級有那些不一樣了?...

什么叫用戶體驗設計師?

ui和ue設計有什么區別嗎?
