火星網(wǎng)校
如何分析UI設(shè)計作品
發(fā)布時間：2023-12-28 19:41:15 瀏覽量：292次
很多同學問過我一個相同的問題：看到一個作品，覺得很好，但是具體哪里好，就說不上來了!今天帶著這個問題，我?guī)Т蠹乙黄饋砹牧娜绾伟岩粋€作品進行拆解，然后系統(tǒng)的去分析好與壞。
當然我們只是單純的從視覺角度來分析，先能把視覺層面的分析明白就很不錯了。
我一般會把一個視覺作品拆分為以下幾個層面來進行分析：
1.創(chuàng)意2.配色3.造型4.質(zhì)感5.構(gòu)圖6.排版
我們逐一來聊一下：
1.創(chuàng)意
創(chuàng)意是設(shè)計的靈魂，看一個作品，我會先看它的創(chuàng)意，有時候創(chuàng)意到位了，即使沒有那么多花里胡哨的技法，也可以讓觀看者感覺震撼。
比如下面這幾個來自國外設(shè)計師的圖標插畫：
沒有復雜的技法，但是我們可以深刻的感受到工作帶給我們的疲憊感，這就是創(chuàng)意的力量。
當然這幾個插畫圖標，除了創(chuàng)意，離不開夸張造型的相輔相成。
再來一個例子，我做的這個性別開關(guān)按鈕：
利用性別圖標與開關(guān)的結(jié)合，再配合動效，產(chǎn)生一定的創(chuàng)意，讓觀看者有點新穎的感覺。
創(chuàng)意如果真的恰到好處，即使沒有其他包裝修飾，也可以很震撼，所以這個要素是我首先去分析的。
2.配色
配色層面也是非常出效果的，顏色可以快速給人第一感覺，比如一說微信可以想到綠色，一說支付寶可以想到藍色等等。
很多作品都是靠顏色吸引眼球的，比如下面這組作品，顏色用的就比較不常見，但是又很舒服，那就是顏色比較出彩，沒跑了：
除了知道它顏色用的好，不常見以外，最基本的配色手法，你也要能回答出來，比如第一張用了藍紅對比色，第二張用了綠紅互補色，加上小面積點綴色，再配合柔和的漸變，讓畫面精美舒服。
這些都是我們在分析作品好壞的時候，能說出來的套話，哈哈。
3.造型
造型其實是很難把控的，尤其涉及到復雜結(jié)構(gòu)的時候，如果形能做的很出彩，那真的是難得的人才。
比如像霖霖這種作品：
其中最大的亮點之一就是造型，如何分析UI設(shè)計作品https://www.aaa-cg.com.cn/ui/2675.html你說顏色或許可以模仿模仿，但是這造型，不是從小畫畫真是整不來!
再比如下面這組作品：
也是在造型方面比較有出彩，讓人眼前一亮。
如果美術(shù)功底不深，不太建議從復雜的造型方面做突破口，一旦造型沒整明白，其他層面又沒有亮點，那這作品肯定是涼涼了!
4.質(zhì)感
質(zhì)感是我個人比較喜歡的一個層面，其他層面如果做不好，就可以用質(zhì)感來補救一下。
像下面這個作品：
元素、配色、構(gòu)圖都 比較簡單，唯一出彩的層面就是質(zhì)感渲染的比較好，比較真實。
或者加一些特殊材質(zhì)，磨砂、金屬等等，像下面這個，就是加了個類似于磨砂的材質(zhì)：
一下子就有亮點了，你說如果沒有這個特殊材質(zhì)，妥妥的平淡無奇，而且后面那根棍子還有點臟，哈哈哈哈!
所以說，質(zhì)感真的相當重要!
5.構(gòu)圖
構(gòu)圖也很容易出效果，一個不常見的構(gòu)圖，很容易打動觀賞者。
游戲里面的場景構(gòu)圖玩的比較開，整的都挺酷的：
像我下面這個作品：
除了構(gòu)圖還行，其他的也就沒啥了，但也就是有了這么一個小亮點，也就夠了，總比什么都沒有強一些。
6.排版
排版是個細活，以前寫過一篇關(guān)于排版的細節(jié)，很多時候排版可以拯救一個不咋滴的頁面。
很多封面在排版層面做的就比較好，比如下面這幾個封面：
排版做的就還不錯。
總結(jié)
好了，以上6點就是我在平時分析一個作品時候的緯度，希望以后大家在看作品的時候，可以多多拆分思考，看看這作品在哪個層面做的比較出彩，然后學以致用。
千萬別說自己的不會分析作品了哦!
長點心，比啥都強!點個贊看，更強!
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學UI設(shè)計要多久？培訓完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設(shè)...
-
9. 武漢UI設(shè)計培訓班費用怎么樣？想學UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓班的費用是多少嗎？不知道學UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
-
10. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
