APP設(shè)計(jì)實(shí)戰(zhàn)案例賞析以及APP圖標(biāo)繪制方法

目前來(lái)說(shuō),移動(dòng)app設(shè)計(jì)一直是UI設(shè)計(jì)行業(yè)很多新手們和高手們需要學(xué)習(xí)的技能。

到底如何去設(shè)計(jì)一個(gè)漂亮簡(jiǎn)單的移動(dòng)APP,估計(jì)很多人都有各自的理解和答案。

也許也有很多人已經(jīng)發(fā)布了很多好的APP設(shè)計(jì)作品到站酷、ui中國(guó)或者是追波網(wǎng)。

而今天25學(xué)堂一無(wú)既往的跟大家來(lái)講解一些比較有特點(diǎn)的APP設(shè)計(jì)案例。

可以讓我們從這些APP設(shè)計(jì)實(shí)戰(zhàn)案例中學(xué)習(xí)和體會(huì)到一些比較潮流的設(shè)計(jì)思路和技巧。如果你有收獲,25學(xué)堂也會(huì)很高興的。

 

APP設(shè)計(jì)案例名稱(chēng):Thinkerr

Thinkerr APP設(shè)計(jì)場(chǎng)景模型

 

我們就按照正常的APP設(shè)計(jì)流程來(lái)分析這個(gè)APP案例:

 

第1步,設(shè)計(jì)APP icon圖標(biāo)和色彩搭配

app案例賞析

 

根據(jù)主圖標(biāo)的設(shè)計(jì)元素和UI配色規(guī)范來(lái)開(kāi)始進(jìn)行我們的移動(dòng)APP設(shè)計(jì)。

 

第2步:設(shè)計(jì)APP首頁(yè)模塊(舉例說(shuō)明)

app設(shè)計(jì)模板不知道各位有沒(méi)有看懂這個(gè)APP的登錄界面設(shè)計(jì),老譚個(gè)人認(rèn)為設(shè)計(jì)比較有創(chuàng)意。同時(shí)結(jié)合了APP的主題來(lái)設(shè)計(jì)。

特別之處是他的分享元素的設(shè)計(jì)。同時(shí)體現(xiàn)了包容、擁抱的含義。

下面是其他一些比較酷炫的APP界面設(shè)計(jì)動(dòng)效欣賞:

app設(shè)計(jì)實(shí)戰(zhàn)案例 app設(shè)計(jì)實(shí)戰(zhàn)案例2

這2個(gè)APP界面設(shè)計(jì),布局、交互和色彩搭配都是非常棒的??梢詮闹袑W(xué)到不少的經(jīng)驗(yàn)。

同時(shí)我們可以把這種好的APP交互方式應(yīng)用到我們的APP項(xiàng)目中去。設(shè)計(jì)的方式也很潮。

 

當(dāng)然,其中APP的設(shè)計(jì)過(guò)程,會(huì)有很大小圖標(biāo)是需要設(shè)計(jì)的。而且設(shè)計(jì)的風(fēng)格和方法基本都是一樣的。

下面我們來(lái)看下APP圖標(biāo)繪制常用方法:

app設(shè)計(jì)實(shí)戰(zhàn)案例

看完上圖,應(yīng)該可以明白其中的設(shè)計(jì)奧秘了,這個(gè)可以采用ps 圖形形狀來(lái)繪制。線條的大小2px即可。

具體的繪制教程,25學(xué)堂后續(xù)會(huì)跟大家分享。希望各位繼續(xù)關(guān)注25學(xué)堂后續(xù)免費(fèi)APP設(shè)計(jì)課程。

 

設(shè)計(jì)作者的完整體驗(yàn)平臺(tái):https://www.behance.net/gallery/21575255/Thinkerr

每天更新,
全站高品質(zhì)素材免費(fèi)下載!