-
APP首頁主要分為3類,入口導(dǎo)流型、瀑布流型、對(duì)話列表型
入口導(dǎo)流型:首頁分模塊羅列重要功能,用戶選擇模塊進(jìn)入第二頁面完成瀏覽、交互等操作??
優(yōu)點(diǎn):功能模塊一目了然,首頁整體簡(jiǎn)潔? 例如美團(tuán),? ?
適用場(chǎng)景:功能模塊多且復(fù)雜的場(chǎng)景
瀑布流型:功能分類和簡(jiǎn)要內(nèi)容介紹都顯示在首頁,可以無限加載。
優(yōu)點(diǎn):可通過內(nèi)容概要圖文吸引用戶瀏覽,類似手機(jī)瀏覽器。
適用場(chǎng)景:功能模塊單一、內(nèi)容分類較少,需要吸引用戶的場(chǎng)景
對(duì)話類表型:首頁展示對(duì)話列表,例如qq,微信,
優(yōu)點(diǎn):方便溝通,并且功能單一不需要分流使用
適用場(chǎng)景:社交類軟件
查看全部 -
移動(dòng)界面包括狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄 /工具欄
iPhone6 是750px*1334px,
參數(shù)分別為 40px、88px、98px/88px
查看全部 -
個(gè)人理解:
擬物化設(shè)計(jì)是提取實(shí)物的典型特點(diǎn)做設(shè)計(jì),用戶可以一目了然的辨識(shí)設(shè)計(jì)的物體。優(yōu)點(diǎn):形似,好辨認(rèn)? ?缺點(diǎn):界面視覺可能會(huì)復(fù)雜、繁瑣、不夠友好
扁平畫設(shè)計(jì)是在保留實(shí)物特點(diǎn)的基礎(chǔ)上去掉多余色彩徐渲染和次要元素,力求簡(jiǎn)約 優(yōu)點(diǎn):保留實(shí)物基本特點(diǎn),優(yōu)化視覺效果? 缺點(diǎn):會(huì)出現(xiàn)抽象的實(shí)物特點(diǎn),辨識(shí)難度增加? ??
查看全部 -
ios查看全部
-
1、入口導(dǎo)流型
支付寶、美團(tuán)界面,類似9宮格+底部banner界面? 方便用戶查找進(jìn)入二級(jí)頁面,一般不會(huì)在一級(jí)頁面與用戶產(chǎn)生交互反饋
2、瀑布流型
典型的做法是首頁可以無限制加載內(nèi)容,像一些資訊類的產(chǎn)品 微博app等、花瓣網(wǎng)、網(wǎng)易新聞等
3、對(duì)話列表型
QQ、微信。
查看全部 -
圖片寬高大小標(biāo)注工具:pxcook像素大廚, 在線切圖工具:藍(lán)湖, ps插件:cutterman
查看全部 -
1. ios界面設(shè)計(jì)稿的尺寸范圍
2. ios界面設(shè)計(jì)首頁風(fēng)格定義
3. ios界面設(shè)計(jì)的原則
4. ios界面設(shè)計(jì)開發(fā)交付
查看全部 -
圖片寬高大小標(biāo)注工具:pxcook像素大廚, 在線切圖工具:藍(lán)湖, ps插件:cutterman
查看全部 -
統(tǒng)一的圖標(biāo)設(shè)計(jì)風(fēng)格
圖標(biāo)大小的視覺平衡
優(yōu)化分割線
合理運(yùn)用投影的顏色和透明度
不要過度裝飾,讓界面更簡(jiǎn)潔
圖片比例&視平線的統(tǒng)一性
控制好界面中的配色數(shù)量
合理的進(jìn)行設(shè)計(jì)對(duì)比
提高配圖的質(zhì)量
明確表達(dá)圖標(biāo)的含義
正確地表達(dá)按鈕屬性
正確處理文字排版的層級(jí)關(guān)系
線條與色塊分割的合理運(yùn)用
要提前預(yù)估信息呈現(xiàn)的最大值
運(yùn)用提示符提高用戶的閱讀效率
布局層次分明,重點(diǎn)突出
信息布局符合閱讀習(xí)慣
相同界面下圓角&直角的統(tǒng)一性
設(shè)計(jì)元素的表達(dá)符合用戶習(xí)慣
設(shè)計(jì)表達(dá)的一致性
別把網(wǎng)頁的習(xí)慣帶到App設(shè)計(jì)中
讓表單設(shè)計(jì)更簡(jiǎn)潔
空界面中的插畫的運(yùn)用
運(yùn)用真實(shí)的信息填充你的設(shè)計(jì)
1-9?視覺表現(xiàn)型問題 ? 10-17?信息傳達(dá)型問題 ? 18-24?概念表達(dá)型問題
查看全部 -
頂部導(dǎo)航按鈕靠?jī)?nèi)容區(qū)邊線、中間banner圖下的導(dǎo)航按鈕不使用點(diǎn)擊顏色、內(nèi)容根據(jù)原型圖進(jìn)行設(shè)計(jì)。
查看全部 -
入口導(dǎo)流型:精簡(jiǎn)首頁內(nèi)容呈現(xiàn),由提供活動(dòng)banner,告訴用戶產(chǎn)品的主要功能,引導(dǎo)用戶盡快進(jìn)入二級(jí)頁面。首頁主要起到分流的作用。
適用于比較大型的應(yīng)用,首頁只是看的,只是個(gè)入口。相當(dāng)于家里的門,打開后就可以進(jìn)入廚房進(jìn)入臥室。必須合理分類,否則容易引起用戶的選擇困難癥。
瀑布流型:把首頁打造成用戶消費(fèi)內(nèi)容的主要場(chǎng)景,適用于資訊類、內(nèi)容類的軟件。加載容易造成延遲,雙擊底部回到頂部。
對(duì)話列表型:社交類的App。
查看全部 -
App設(shè)計(jì)的一些基本元素,啟動(dòng)圖標(biāo)、啟動(dòng)頁面、首頁圖標(biāo)的大小,參考線的運(yùn)用。首頁使用36號(hào)字體,使用蘋方字體或者微軟雅黑字體。
查看全部 -
經(jīng)常使用的移動(dòng)端UI設(shè)計(jì)稿是基于iPhone6的尺寸750*1334進(jìn)行設(shè)計(jì)的,為了設(shè)計(jì)方便在用ps畫圖的時(shí)候使用2倍圖。
查看全部 -
擬物化到扁平化的變遷
查看全部 -
課程要點(diǎn):
移動(dòng)互聯(lián)網(wǎng)的崛起,應(yīng)運(yùn)而生的UI設(shè)計(jì)
查看全部
舉報(bào)