1打開美篇APP，進(jìn)入主界面 2在主界面中，點(diǎn)擊“+”按鈕，開始制作新的美篇 3在編輯界面中，輸入文章標(biāo)題和正文內(nèi)容 4添加圖片音樂(lè)視頻等素材，讓文章更加生動(dòng)有趣 5調(diào)整字體顏色排版等樣式，讓文章更加美觀大方 6預(yù)覽文章，檢查是否有錯(cuò)誤或需要改進(jìn)的地方 7最后，點(diǎn)擊“發(fā)布”按鈕；這個(gè)圖標(biāo)的優(yōu)點(diǎn)是操作簡(jiǎn)單，精致美觀，透明扁平如水晶，大家都可以有創(chuàng)意，加上我之前教程提到的漫反射陰影效果讓圖標(biāo)更精致，或者加上紅包圖標(biāo)之類的小斜線等等，符合APP的實(shí)際應(yīng)用這篇文章可以帶大家入門畫圖標(biāo)要有技巧，用的上的圖標(biāo)才是好圖標(biāo)試著把你之前設(shè)計(jì)稿里的圖表改成上面的樣式，看看是否更美觀。

格式塔原理在設(shè)計(jì)方案中的應(yīng)用 1 APP主頁(yè) 你的APP主頁(yè)是呈現(xiàn)給用戶的第一印象，所以，一定要做到頁(yè)面的合理布局，相關(guān)內(nèi)容的排序等級(jí)以及導(dǎo)航模塊的多元化設(shè)計(jì)依據(jù)接近原則準(zhǔn)和相似原則，設(shè)計(jì)師可以將APP主頁(yè)進(jìn)行模塊劃分，使主頁(yè)的布局更加明晰化，達(dá)到用戶友好的目的2 列表頁(yè) 一個(gè)APP中大多數(shù)頁(yè)面；1常規(guī)樣式 最常見的款式，95%以上的二級(jí)和后續(xù)界面都是常規(guī)導(dǎo)航欄，這種類型也會(huì)用在一些比較簡(jiǎn)單的首頁(yè)以iOS的兩倍圖為例容器的高度固定在88px，基本上只由按鈕和標(biāo)題組成，背景色多為白色或主色調(diào) 2大標(biāo)題 iOS11系統(tǒng)發(fā)布后，大標(biāo)題導(dǎo)航欄逐漸流行起來(lái)大標(biāo)題一般只出現(xiàn)在主頁(yè)底部標(biāo)簽功能分類，上面詳細(xì)；首先打開墨刀軟件，新建一個(gè)應(yīng)用，選擇應(yīng)用類型這里我選擇iPhone設(shè)備，輸入應(yīng)用名稱設(shè)備類型應(yīng)用大小，點(diǎn)擊create按鈕，完成應(yīng)用創(chuàng)建制作底部導(dǎo)航欄新創(chuàng)建的應(yīng)用的標(biāo)題欄會(huì)自動(dòng)顯示應(yīng)用的名稱大家都是產(chǎn)品經(jīng)理，標(biāo)題欄文字可以自行修改制作內(nèi)襯導(dǎo)航欄，從左邊的“組件”欄找到底部的組件，拖拽到應(yīng)用中；通過(guò)對(duì)騰訊動(dòng)漫首頁(yè)包括首屏與向下滑動(dòng)的所有頁(yè)面進(jìn)行截屏分析，騰訊動(dòng)漫由于它的分類與內(nèi)容特別多，導(dǎo)致首頁(yè)特別特別長(zhǎng)，但是通過(guò)分析發(fā)現(xiàn)，騰訊動(dòng)漫的首頁(yè)布局是有大量重復(fù)樣式的，能提高設(shè)計(jì)師的設(shè)計(jì)效率，同時(shí)版式的交替排列也能讓用戶感知到樣式的變化不易產(chǎn)生視覺疲勞 騰訊動(dòng)漫app首頁(yè)主要是由四種版式構(gòu)成的 第一。

制作里布導(dǎo)航欄，從左側(cè)“組件”欄目中找到底部組件，拖入應(yīng)用之中，大小和樣式可以自行修改，然后拖入三個(gè)導(dǎo)航標(biāo)簽，修改標(biāo)簽的位置和名稱，至此完成底部導(dǎo)航欄的制作三制作原型頁(yè)面 然后我們開始簡(jiǎn)單的制作下的首頁(yè)原型，在左側(cè)的“組件”欄目中找到搜索組件，拖入App首頁(yè)中，在“母版”欄目中找到輪播圖；5整個(gè)設(shè)計(jì)過(guò)程中不斷問(wèn)自己“真的需要嗎”支撐項(xiàng)目時(shí)候，找一些討巧的辦法，例如，添加一些有趣的元素樣式會(huì)這樣會(huì)很容易也會(huì)很吸引人，但必須始終注意剔除不必要的元素，不斷精簡(jiǎn)甩掉你費(fèi)盡心血的部分總是難以割舍，但修改過(guò)程必須挑剔第五點(diǎn)app界面設(shè)計(jì)測(cè)試與預(yù)覽修正 設(shè)計(jì)完成之后；樣式一一級(jí)tab的醒目搜索 以RentHouse為例，當(dāng)搜索在應(yīng)用中占據(jù)核心地位，一級(jí)tab設(shè)計(jì)尤為關(guān)鍵底部導(dǎo)航中的“放大鏡”圖標(biāo)，醒目且直觀，讓用戶在每個(gè)頁(yè)面都能快速定位但若“發(fā)現(xiàn)”入口分擔(dān)了流量，搜索功能可能略顯低調(diào)樣式二頂部搜索的高頻互動(dòng) 車輛搜索的頂部位置，猶如觸手可及的魔法，尤其；這里我將登錄界面的樣式分為白色簡(jiǎn)潔輕裝飾純色背景全屏大圖半屏圖片插畫背景六大分類通過(guò)分類我們可以了解到不同行業(yè)他們采用的設(shè)計(jì)方式 1白色簡(jiǎn)潔 白色簡(jiǎn)潔風(fēng)格是目前較為常見的樣式，其目的以信息錄入為目的，多用于體量比較大的APP中，在設(shè)計(jì)時(shí)沒有采用較為復(fù)雜的裝飾元素，整個(gè)界面以簡(jiǎn)潔設(shè)計(jì)為主；按住OptionAlt+鼠標(biāo)左鍵拖動(dòng)圖層往下拽，或者CommandCtrl+J，選下面的一個(gè)圖層，雙擊圖層進(jìn)入圖層樣式，選擇斜面和浮雕，設(shè)置一下參數(shù) 參數(shù)自行調(diào)整，其中，陰影角度45°可隨大環(huán)境光線可根據(jù)情況自行調(diào)整，陰影模式透明度隨意，自己看情況調(diào)整 6然后，從第二個(gè)圖層開始連續(xù)復(fù)制多個(gè)該圖層，每復(fù)制的一個(gè)圖層都在上；但手機(jī)屏幕比較小，用這咱展示樣式會(huì)很界面顯得比較碎，所以在app的實(shí)際應(yīng)用中，這種樣式很少用到目前大家熟知的app中，微博首頁(yè)的分組用了這種方式切換，還有的v631版本的空間也帶入了這種設(shè)計(jì) Alert 即為彈框提示，也叫警示框，用于向用戶提供警示，用戶必須進(jìn)行操作后才能進(jìn)行下一步操作主要用于系統(tǒng)向用戶。

在新項(xiàng)目中，設(shè)定合適的尺寸和布局，為你的APP奠定堅(jiān)實(shí)的基礎(chǔ)打開摹客RP，讓我們從創(chuàng)建引導(dǎo)頁(yè)開始輕輕拖拽Antdesign和iOS組件庫(kù)中的頂部狀態(tài)欄，立刻賦予頁(yè)面專業(yè)感接著，通過(guò)文字和圖片的自由添加，塑造清晰的信息架構(gòu)選擇預(yù)設(shè)的按鈕，定制獨(dú)特的樣式，賦予每個(gè)交互生命力在繪制主頁(yè)時(shí)，別忘了；如何快速用墨刀制作一個(gè)APP首頁(yè)原型 墨刀是一款原型設(shè)計(jì)工具，可以快速搭建移動(dòng)應(yīng)用原型和線框，支持云保存和實(shí)時(shí)手機(jī)預(yù)覽今天主要做一個(gè)墨刀基本使用的教程，所以不重點(diǎn)介紹和比較各個(gè)原型工具的優(yōu)缺點(diǎn)有時(shí)間的話單獨(dú)做一個(gè)原型工具的對(duì)比分析希望這個(gè)教程能幫助墨刀初學(xué)者快速入門創(chuàng)建應(yīng)用程序首先打開；1移動(dòng)app界面設(shè)計(jì)的技巧mdashmdash重疊 重疊的字體圖形和顏色不僅讓界面看起來(lái)更生動(dòng)，還創(chuàng)造了空間感這就是為什么在不同的應(yīng)用程序用戶界面設(shè)計(jì)中，設(shè)計(jì)者廣泛使用重疊元素的原因此外，在某些情況下，相同元素的重疊，加上陰影，可以使應(yīng)用程序界面的整體設(shè)計(jì)更加令人興奮2移動(dòng)app界面。