目前來(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
我們就按照正常的APP設(shè)計(jì)流程來(lái)分析這個(gè)APP案例:
第1步,設(shè)計(jì)APP icon圖標(biāo)和色彩搭配
根據(jù)主圖標(biāo)的設(shè)計(jì)元素和UI配色規(guī)范來(lái)開(kāi)始進(jìn)行我們的移動(dòng)APP設(shè)計(jì)。
第2步:設(shè)計(jì)APP首頁(yè)模塊(舉例說(shuō)明)
不知道各位有沒(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)效欣賞:
這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)繪制常用方法:
看完上圖,應(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)下載!