激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

三要素教你設計流行 大白風格UI

發(fā)布時間：2024-03-11 11:31:51 瀏覽量：111次

掌握簡單三步，教你設計出2019最流行又最有B格的“大白UI風格”

失蹤人口暫時回歸~ 今天教一個如何跟著蘋果爸爸走，設計出2017最流行最省事還最有B格的UI風格，這就是：“大白風格”（名字瞎起的，大家有沒有想起那個又胖又可愛的大白機器人呢）快來跟著我學習如何設計這種風格的技巧吧 。





上面這幾個圖分別是蘋果應用商店和Airbnb APP的部分UI界面截圖，看完后大家注意到了共同點沒有？沒錯，他們統(tǒng)一的特點就是文字大，留白多，看著很舒服

下面再放幾個用了大白風格設計的APP：




這就是本教程要分享給大家的最近今年最流行的：“大白風格”。相信大家早就見到過類似這些風格的APP了，但你們真的嘗試設計過嗎？

下面打開PS來隨著我開始設計吧，首先拿鄙人最近的一個羞羞案例來做示范（因為是示例，我把界面風格設計的更簡單了些）：



第一要素：大字號

大家PS新建個750*1334寬高的標準iPhone6分辨率畫布，然后輸入標題文字，設字號：90；字體：平方 粗體；左間距50px；頂部間距100px;

（注意這里的字體要用平方粗體，直接加粗完事的話從態(tài)度和細節(jié)上就已經(jīng)OUT了，這可能也是為什么你臨摹別人作品，最后卻總沒原版好看的原因）



第二要素：大留白（可以理解成大間距）

大家可以參考我截圖中的間距來設置，文末我也傳了含iPhne X模板的PSD給大家下載（我一般常用的尺寸有：左右間距50；上下間距最少20；其它的話一般是10的倍數(shù)，絕不要出現(xiàn)11，13這些奇數(shù)數(shù)值）

足夠的留白能使頁面看起來更加的舒服，更佳的干凈清爽。但自己心理一定要有套各情況下的留白間距尺寸規(guī)范，否則一套APP幾十個頁面沒有規(guī)范會越設計越困難。



第三要素：大配圖

新建一個寬650，高390的矩形，左右間距50。然后網(wǎng)上找個高質(zhì)量的圖片插入圖片剪切蒙版進去。達啦~ 恭喜你已經(jīng)完成了第一個大白風格的APP界面。

所謂大配圖，其實就是不吝嗇空間，因為大留白已經(jīng)為你準備好了空間，勇敢的使用大圖片來作為展示，盡可能的讓圖片成為頁面的主視覺點，你會發(fā)現(xiàn)界面的檔次和美觀程度又有了進一步提升



依此類推，我們可以發(fā)揮創(chuàng)意，運用大白風格設計出更完善更高B格的頁面，并且完美運用到實際項目中，比如下面這些~~






總結：

本文只是希望帶大家入個門，掌握大白風格的設計要素總結來說就三個關鍵詞：大字號！大留白！大配圖！

另外再說幾個要素：

1. 用色要慎重，大白風格中主色不再是主色，基本是用來畫龍點睛，當配色點綴用的（如果您實力夠，那么任意揮灑也沒問題的）。

2. 為了方便大家理解所以我一直在說大字號，但別以為是加大加粗就行了。專業(yè)的說法是“重” ，用字體加粗，顏色加深來達到壓住頁面，撐得住場面的作用。

3.減少或淡化分割線的使用，改用留白來代替TA，現(xiàn)在的手機屏幕都已經(jīng)很大了，不要舍不得留白。嘗試平常設計時加一兩倍的留白會使瀏覽效果出奇的好。


另外再送你免費PS等學習課程哦！

私信回復“學習”領取ps課程等海量資源。

私信回復“清明”領取清明海報PSD源文件。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定