你的設計真的「夠好」了？UI設計實操改稿全過程！

今天針對同學們在設計中碰到一些問題，給大家進行相關的講解與點評。希望在以後的學習過程中，能夠發現類似的錯誤和問題。

在今天的講解過程中，將以往同學的練習案例，進行了相應的調整，那麼就讓我們通過觀察修改前後的對比，從中學到界面設計的重點內容。通過今天的學習，相信大家在以後的工作中對於設計會更加有條理，並且能夠找到自身問題的所在。在下面的修改中老王會盡量保留原來的風格來修改，這樣能更仔細的體現出設計的變化。

案例改稿一

讓我們先看一下修改前後的效果：

對於設計新手來說，整體效果還是可以的，在色調上也使用了暖色調。那麼讓我們先來看看原圖中出現的問題。

1）大面積的暖色會造成視覺疲勞，會帶給用戶不舒適的感受，而此時我們可以將其調整為冷暖搭配或進行添加輔助色。

2）文字搭配上，要儘可能的簡潔規範；文字的大小也沒有合理的進行規劃，沒有抓住重點內容。

3）再來說說圖標的設計，我們能夠發現圖標有圓潤也有尖銳的，這樣造成了整體不夠統一。其中「超標報警」與「短傳報警」圖標的設計過於相似，無法給用戶明顯的區分。

4）「總熱單耗」的圓圈使用了投影效果，整體的效果過於凸顯，破壞了整體的統一性。

5）在「我的任務」列表中，左側的時間與右側的任務設置佔據的位置是相同的，變得非常突出，那麼我們就要分析哪一個內容比較重要，要有層次的進行設計。

6）最後整體的效果，層次性比較弱，圖標顏色的設計也過於花哨，沒有統一性。

分析到這7條問題後，接著我們將依次去修改：

1）修改後的界面我們將冷色設置為底色，但是在重點內容上搭配了暖色，而在圖標的設計上也進行了相應的統一，更好讓用戶進行區分。

2）文字上也將大小進行了區分，加強了層次感的設計。

3）在「總熱單耗」區域，去掉圓形的投影效果，使其更加簡潔大方。

4）在「我的任務」列表中，將次要信息時間放在了右側，加強了左側任務的文字，在視覺上更加舒適。

當我們碰到首頁比較複雜或任務信息比較多樣的情況下，需要把控好主次的設計，以及調整顏色冷暖的區分，讓界面的視覺效果更加有節奏感。

案例改稿二

這是一款保險類的APP界面設計，我們還是先來看一下修改前後的對比效果。

從原圖中，我們能夠看出界面中存在以下幾個問題：

1）上方的banner過於花哨，而圖中的矢量人物也不是那麼符合主題內容，而在文字設計上，將內容全部規劃在左側，給人一種不平衡的視覺感受，更沒有凸顯出「免費保障」的設計氛圍。

2）在分類區域，圖標的設計沒有明顯的區分，而在圖標的顏色搭配上，也過於弱化，整體給人灰濛濛的效果，而圖標上的投影效果，更是起到了反作用。

3）在內容信息區域，文字的設計與規划過於相似，用戶不能很好的找到相應的內容，可以在信息前端加上相應的符號，以起到區分的作用。

4）主標題與副標題的不合理搭配，造成頁面整體極為不協調，可以將主標題與副標題設計在一排，這樣既能解決頁面空曠的問題，還能更好的調節視覺上的平衡。

5）在「精選產品」區域，板式設計上不夠協調，視覺效果也不夠明顯。

6）大咖出「品」區域中卡片的設計與背景色相同，無法進行明顯區分，只能通過投影效果進行區分，這樣的設計方式是不合理的。

分析到這6條問題後，接著我們將依次去修改：

1）去掉花哨的人物元素，將重要的文字信息進行放大，主標題與副標題增強了層次感，視覺效果上一目了然，而背景元素選擇了一個「盾牌」的圖形，更加凸顯保障的含義。

2）在圖標的設計中，更換了相應的圖標，使人更加明確圖標的功能。

整體的顏色也進行了相應調整，提高了飽和度與亮度，並進行了冷暖搭配。

3）在信息內容區域，標題的前端添加了不同顏色的線段圖形，更加容易進行識別，而副標題則移動到主標題的旁邊，使層次更加清晰。

5）在「精選產品」中，將文字進行「左對齊」的設置，更加符合用戶的閱讀習慣，其次將「主標題」與「副標題」的透明度降低了50%，加強了視覺的層次感；價格上使用了黃色進行相應的強調。

6）在大咖出 「品」區域中，將投影的特效進行了刪除，使用了灰色為背景色，將整體風格調整成扁平清亮化的視覺效果，從而帶給用戶輕鬆的體驗感受。

好了！今天的界面案例改稿就講到這裡，希望大家能夠從這兩個案例中有所收穫，在以後的日子中，帶給大家更加精彩的案例講解。

另外最近有不少學員問到我同樣的一個問題，自學UI設計和報班學UI設計有什麼區別？自學能學好UI設計嗎？

先來回答第二個問題，自學能學好UI設計嗎？

從專業的角度來說，UI設計是比較專業的技能，自學幾乎不可能學好UI設計，及時你付出了一年、兩年、甚至更長時間，你也不一定能做好UI設計這份工作。很多同學自學UI一段時間，天天就是學PS特效、PS案例操作等等，卻連最基本的UI設計規範和技法都不了解。這是挺可悲的一件事情。浪費了不少時間、精力，但是卻沒有學到真正的東西。

所以，我不建議大家自學UI設計，要麼就踏踏實實系統學習，要麼就不學。這是對大家負責任的一個建議。

1、什麼是自學呢？

自學就是完全依靠自己花大量時間去摸索與研究，在網上到處尋找免費資源或者觀看書籍等。

當然網上的一些資源別人不是吃了飯沒事做，就分享給你學習，你想一想別人分享給你的東西其中一定有別的目的所在。

所以自學UI設計想學好是非常難的，畢竟UI設計是一門技術性職業，薪資待遇是很高，但是你沒有足夠的能力，你也是一樣拿不到。

比如學UI設計，需要學PS軟體，那麼你就會去網上找一些PS視頻教程來學，或者到處加UI學習群，在裡面不懂的能不能交流獲得解答。

當你遇到問題需要自己解決或求人解答時，有時會很無助，一直徘徊在哪裡得不到解決。

自學一般需要有較強的學習力，如果你沒有這方面的天賦，那麼就建議你花點錢進行系統學習。

報班系統學習學的比較實用和專業，其實很多時候，能用錢解決的事盡量用錢，而不是每天去浪費年輕的寶貴時間。

有些錢不能省，當作投資自己，學習讓自己變得更有價值，因為你學會以後工作了，後期回報是無限的。

因為自學的話，沒有方向和學習規劃，你也不知道要學到何時才能找到一份工作。

2、什麼是報班學呢？

報班學習就是花錢報名系統學習UI設計培訓班，來進行系統化學習，享受資深專業老師指導授課，在課堂傳授豐富的設計經驗和技巧給你。

在學習過程中遇到不懂的可以及時找到老師解決問題，還能讓你不走彎路，學到當今企業需求的UI設計知識。

報班培訓學習的話一般4-5個月就可以學會UI設計，學習效果自然比自學好很多倍，學習時間也是比自學短很多倍。

UI設計這個行業，一個零基礎的學員要想進入這個行業，一共有三個過程，分別是：技法層，思維層，還有作品層。

技法層要到的水平就是在UI設計中，所看到的界面，圖標，這些都要能繪製出來，這個過程叫做技法實現層。

比如一個圖標是用PS怎麼畫出來的，用了多少種運演算法則，用了多少種圖層樣式，這些都是需要知道的。

思維層要到的水平就是隨便找一個APP出來，都要知道裡面的版式為什麼這麼布局，顏色為什麼這樣搭配，設計規範為什麼那樣用等。

作品層要達到的水平就是原創，只有優秀原創作品才能找到一份高薪UI設計的工作。

有些自學UI設計的人去找工作，作品都是臨摹別人的，所以經常會被公司拒絕不要，所以原創作品必須要有。

技法層考驗的是一個UI設計師的軟體水平

思維層考驗的是一個UI設計師的理論水平

作品層考驗的是一個UI設計師的設計水平

當有一天，3個水平你都達到了要求後，那麼找一份UI設計的工作就不難了。

那麼如果只會其中的一個，比如只會用軟體技能，那麼這樣你是很難從事UI設計的。

使用PS雖然可以畫出UI設計的界面和圖標，但是如果沒有學習美術和理論知識，你畫出來的圖標也是不夠好的。

不知道這個界面為什麼這樣畫，為什麼用這個顏色，只知道跟著畫，這樣就只能臨摹，別人怎麼畫你就怎麼畫。

當讓你自己不看別人作品畫時，就不知道如何下手，問你為什麼這樣畫的時候，你也回答不上來。

接下來又會面臨一個問題就是，UI設計培訓班那麼多，應該做如何選擇呢？

UI設計培訓班，一般分有二種，一種為線下實體培訓班，另一種為線上培訓班。

線下實體UI培訓班費用一般是1-2萬左右，一般學習周期是4-5個月，基本都是要高利息貸款，學不學的會最終都是要靠自己，自己不用心學，再貴的學費也學不會。

不過對於零基礎學員的話，難度比較高，因為時間只有4-5個月，所以壓力是非常大的，

不過現在95%的人學UI設計都選擇線上培訓班，因為學習方便，比較自由，可以隨時隨地學習，學習效果也要比線下好很多。

因為實體班就和大學教室一樣，你上課用不用心學老師不會管你，不會督促你，而線上培訓班就不同，學習過程全程督促。

需要按時交作業和定期參與學習成果技能檢驗比拼，檢驗自己每周學到了什麼，達到了什麼程度。

例如我們的UI設計全能就業班，費用這塊的話，就比較合適，只要2999元，學習周期是4個月。

學習的課程內容都是根據現代企業需求研發的，企業需要怎樣的人才，我們的課程就教企業需要的技術。

每一節課都是結合企業用人要求進行授課，並在授課中給學員傳授最專業，最好的設計經驗，讓學員學完直接就能就業上崗。

而且我們的課程，全部都是以實戰教學為主，老師會企業實戰項目帶到課堂，讓學員學了直接可以運用到實際工作中去。

那為什麼我們的課程學費會便宜那麼多呢，因為我們是在線教育培訓，教學成本沒有實體學校那麼高，不用租場地和花錢到百度打廣告。

在我們這邊學完課程後會有專門的就業老師一對一輔導就業，推薦就業單位，讓你可以快速上崗工作。

另外我們的課程還提供有三年內免費復訓的學習保障，就是說你學了4個月一期還有沒有學會，還可以免費繼續再學習，學到為止。

同時三年內都有老師全天在線一對一學習解答輔導，工作以後遇到問題也還可以隨時找到老師解決問題。

因為一般的實體UI培訓班都是沒有這個三年免費復訓學習保障的，正因為有這個免費復訓保障，所以很多學員都選擇在我們這邊學UI設計。

還有我們的直播授課時間，是周一到周五，每晚上8點-10點在線直播授課。並且全程錄屏，沒空來上課的學員，課後隨時可以看回放。

如果你晚上要加班或上學，就可以看回放，不用擔心錯過課程，所以學習起來都是非常方便的。

報名UI設計全能班後可以獲得到以下服務！

獲得一套UI設計從零基礎到大神的直播課程（為期4-6個月，共107節，每天晚上20點-22點上課）

獲得一套UI設計從零基礎到大神的錄播課程（共500多節課，詳細到每個工具每個理論每個操作一節課）

4個月一期，學了一期沒有學會的學員，可免費繼續學習，學會為止，有三年內免費復訓學習保障（不用擔心學不會）

三年課程更新服務，三年內我們的直播課和錄播課只要有更新全可以免費學習（可以學全網最新知識）

就業指導服務，學會課程後，就業方面有專門的就業指導老師，一對一輔導就業（不用擔心就業問題）

提供全天在線解答服務，學習中碰到的問題，可以通過QQ、微信、遠程，班級群，課堂等方式及時找到老師解答。(不用擔心學習問題）

直播課程回放學習，直播課程全程錄屏，不用擔心加班無法上直播課，而擔心課程跟不上。（不再擔心時間問題）

支持手機APP和平板APP，緩存式學習，所有課程均可下載到APP中，隨時隨地學習。（不再擔心網路問題）

VIP學員售後服務群，報名後邀請進入學習群，一起比拼學習成果，同時積累社會人脈。（不再擔心學習氛圍不好）

課程人人可學得起，針對學生和沒有工作及工資低的學員，開放分期報名助學，最高可分12個月（相當於每月僅需2百元）

另外對於有經濟壓力朋友，比如大學生，失業人員，不能一次性付清學費的，提供有分期助學。

使用支付寶螞蟻花唄或百度錢包，信用卡，分期每個月只需200多，就能學習我們的UI設計VIP課程。

然後呢？如何報名正式課學習呢？

報名請直接添加

備註：UI報名

包含課程：

UI設計基礎班+UI設計案例班+UI視覺設計班+UI交互設計班+UI動效網頁就業班

包含軟體：

PS AI AE ARP MarkMan Xmind Cutterman

包含內容：

色彩 版式 切圖 心理學 規範 切圖 適配

三大構成 圖標設計 界面設計 手繪 動效設計

Banner設計 電商設計原型圖設計

UE 交互邏輯 素描 作品集製作 就業指導 思維導圖

頭腦風暴 產品思維 工作流程 專題活動頁 網頁設計

包含課時：

直播130節+錄播500節+直播回放400節

（課程合計時長超過500小時）

那麼學習我們的UI設計課程4個月後，你可以達到什麼水平呢？

下面就來看下，我們我們這邊的VIP學員實戰項目作品。

再來看下正式學員的學習和就業反饋：

UI設計全能就業班學習就業反饋

一年內成為UI設計部門主管

剛學完出來就通過滴滴公司三輪面試，實習起薪9000

還有接單收入過萬的同學，單子是我介紹給他的，報名之前是在南寧一個廣告店裡當學徒，工資是1500，大家可能無法想像，但是事實就是這樣，有的學徒可能還要給錢老闆，看老闆臉色，別說工資了。之前報名的時候沒錢，是用的花唄分期，現在已經把學費賺回去了

其它反饋

以下是近期報名UI設計VIP學員的照片

另外，咱們UI設計全能就業班最新一期全新升級！

此次將由5位資深UI設計老師授課。

在原有的課程體系之外再新加內容

新加入的課程內容有如下：

美術手繪，小程序設計，H5設計，

代碼設計，網頁設計，BANNE設計。

新一期最後限招52人，名額滿截止報名。

想報名學習UI設計VIP課程的同學。

看到信息聯繫我申請新班名額。

現在報名學費只要2999元，還可以分期學習，課程有三年學習期限。

想要有一門能夠支撐你未來三到五年發展的技能，挑戰UI設計高薪好待遇，那看到本篇文章後主動聯繫我吧。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！