濟(jì)寧微信公眾號(hào),濟(jì)寧網(wǎng)站建設(shè)
濟(jì)寧果殼科技-若蘭
2017-11-17 17:32:27
0
3694
寫(xiě)在前面
當(dāng)我們打開(kāi)一個(gè)APP時(shí),從視覺(jué)層面分析,影響用戶對(duì)APP整體感官體驗(yàn)的元素主要有:圖片、文字、色彩、圖標(biāo)、留白等。
圖片的合理運(yùn)用、清晰的信息層級(jí)、舒適的色彩搭配都將會(huì)提高整個(gè)APP的美感,從而為整個(gè)的產(chǎn)品體驗(yàn)加分。一個(gè)成功的產(chǎn)品,視覺(jué)層面只是其中的一部分,但是作為一個(gè)合格的UI設(shè)計(jì)師,我們要做的就是把這其中的一部分做到極致。
下面我們通過(guò)圖片、文字、色彩、圖標(biāo)、留白這幾個(gè)維度來(lái)解剖APP設(shè)計(jì),發(fā)現(xiàn)那些微妙的細(xì)節(jié)。只需要比別人多提高1px的細(xì)節(jié),你的APP設(shè)計(jì)就會(huì)更精致。
正文
1、圖片,如同一個(gè)人的衣著品味
圖片在APP中是非常常見(jiàn)的,圖片的展現(xiàn)形式和圖片的質(zhì)量都影響著用戶對(duì)產(chǎn)品的感官體驗(yàn)。圖片的定位就如同一個(gè)人的衣著品味,不同的穿衣風(fēng)格會(huì)使別人對(duì)你作出不同的判斷,為你打上不同社會(huì)屬性的標(biāo)簽。
下面我們一起來(lái)看看圖片在APP設(shè)計(jì)中需要注意的關(guān)鍵點(diǎn),將會(huì)從圖片比例、一致性、圖片質(zhì)量與真實(shí)性等方面進(jìn)行分析。
2、文字,我只想知道重點(diǎn)在那里
文字設(shè)計(jì)的層次感決定了信息的高效傳達(dá),通過(guò)對(duì)文字信息的層次處理可以有效的幫助用戶獲取信息,提高用戶對(duì)產(chǎn)品的操作效率。
16:10 擁抱黃金比例
黃金比例就像金字塔上的明珠,越接近她越有魅力,反之會(huì)魅力減弱,16:10的圖片比例最為接近。設(shè)計(jì)沒(méi)有絕對(duì)的標(biāo)準(zhǔn),我們可以遵循一些優(yōu)秀的經(jīng)驗(yàn)規(guī)則,但是也要敢于突破規(guī)則,嘗試更多的可能性。
X:≤Y 瀑布流設(shè)計(jì)
X:≤Y代表寬度固定,高度在最大值之間自定義的瀑布流設(shè)計(jì),在一些用于用戶沒(méi)有很明確的目的,只是喜歡獲取盡量多的信息的情況下采用這種設(shè)計(jì)方式。X:≤Y的圖片比例要注意高度的控制,不要超出屏幕可顯示區(qū)域的范圍,如花瓣網(wǎng)在750x1334px的設(shè)計(jì)中高度最大值為:848 px。
3、色彩,如何成為“色”計(jì)師
色彩給人的感受是最直觀的,不同性格的配色傳達(dá)不同的情感。關(guān)于配色有一些方法可尋,但是也存在一定的感性判斷。作為視覺(jué)設(shè)計(jì)師,我們需要學(xué)習(xí)理性的方法技巧,也要不斷欣賞優(yōu)秀的作品,提高自身的審美能力。
方法不在于多
而在于
習(xí)慣和堅(jiān)持
4、圖標(biāo),從會(huì)畫(huà)到畫(huà)好之間有多遠(yuǎn)
圖標(biāo)是APP設(shè)計(jì)中的點(diǎn)睛之筆,既能輔助文字信息的傳達(dá),也能作為信息載體被高效的識(shí)別。圖標(biāo)也有一定的界面裝飾作用,提高界面整體的美觀度。
很多初級(jí)設(shè)計(jì)師都會(huì)忽略圖標(biāo)的重要性,也養(yǎng)成去素材網(wǎng)站下載復(fù)用的習(xí)慣,當(dāng)這樣的習(xí)慣養(yǎng)成后便會(huì)逐步喪失自己動(dòng)手的驅(qū)動(dòng)力,什么元素都希望能找到素材下載,工作數(shù)年之后很快就遇到了自己的瓶頸期。
設(shè)計(jì)師對(duì)圖標(biāo)設(shè)計(jì)的態(tài)度與把控能力,將會(huì)是拉開(kāi)你與其他設(shè)計(jì)師差距的因素之一。圖標(biāo)設(shè)計(jì)有下載復(fù)用 → 動(dòng)手設(shè)計(jì) → 規(guī)范設(shè)計(jì) → 融入品牌基因等幾個(gè)階段,你現(xiàn)在屬于哪個(gè)階段呢?
5、留白,我只想要足夠的空間
適當(dāng)?shù)牧舭卓梢宰屇愕慕缑娓徐`性,給信息之間預(yù)留更多的空間,也能更好的表達(dá)信息之間的層次感,相比擁擠的信息布局更能給人舒適的體驗(yàn)。
當(dāng)設(shè)計(jì)師的留白意愿被產(chǎn)品或運(yùn)營(yíng)以“希望放更多內(nèi)容”拒絕時(shí),作為設(shè)計(jì)師我們可以從不同的方向試著表達(dá)自己的觀點(diǎn):
a. 設(shè)計(jì)出對(duì)比稿,把產(chǎn)品需要的方案和你覺(jué)得完美的方案進(jìn)行對(duì)比;
b. 篩選出這樣處理的優(yōu)秀案例,以成功的案例說(shuō)服產(chǎn)品接受你的方案;
c. 進(jìn)行用戶測(cè)試,選擇一些目標(biāo)用戶進(jìn)行體驗(yàn),從用戶心聲入手設(shè)計(jì)最佳的方案;
d. 更多溝通的方法有待你去挖掘,最終的目的都是希望做出更好的產(chǎn)品。
小結(jié)
1. 不同的圖片比例反應(yīng)不同的特征,根據(jù)產(chǎn)品特點(diǎn)合理的選擇;
2. 設(shè)計(jì)中保持相同的圖片比例,不僅使視覺(jué)表達(dá)一致,也能給后期運(yùn)營(yíng)維護(hù)帶來(lái)便利;
3. 通過(guò)提高圖片的質(zhì)量來(lái)提高設(shè)計(jì)作品的美感度,但是也要保證圖片的真實(shí)還原;
4. 文字排版需要注意信息的層次、信息容量的最大值、巧妙的運(yùn)用提示符等;
5. 養(yǎng)成不斷建立和豐富色彩庫(kù)的習(xí)慣;
6. 提高審美,增強(qiáng)感性判斷力,養(yǎng)成分析的習(xí)慣;
7. 圖標(biāo)設(shè)計(jì)經(jīng)歷的幾個(gè)環(huán)節(jié):下載復(fù)用 → 動(dòng)手設(shè)計(jì) → 規(guī)范設(shè)計(jì) → 融入品牌基因;
8. 適當(dāng)?shù)牧舭卓梢越o人更加舒適的體驗(yàn)。
提高設(shè)計(jì)作品質(zhì)量的方式有很多,需要我們?nèi)ゲ粩嗟膶W(xué)習(xí)與總結(jié),沒(méi)有任何實(shí)現(xiàn)的方式是唯一的,不斷的分析,推翻,創(chuàng)新,才能找到適合自己的方式。
最后祝大家越努力越幸運(yùn)!
濟(jì)寧網(wǎng)站建設(shè),濟(jì)寧微信公眾號(hào)開(kāi)發(fā),濟(jì)寧seo優(yōu)化推廣,濟(jì)寧手機(jī)APP開(kāi)發(fā),濟(jì)寧微商城開(kāi)發(fā),濟(jì)寧做網(wǎng)站,濟(jì)寧網(wǎng)絡(luò)公司,濟(jì)寧果殼科