1打開美篇APP，進(jìn)入主界面 2在主界面中，點(diǎn)擊“+”按鈕，開始制作新的美篇 3在編輯界面中，輸入文章標(biāo)題和正文內(nèi)容 4添加圖片音樂視頻等素材，讓文章更加生動(dòng)有趣 5調(diào)整字體顏色排版等樣式，讓文章更加美觀大方 6預(yù)覽文章，檢查是否有錯(cuò)誤或需要改進(jìn)的地方 7最后，點(diǎn)擊“發(fā)布”按鈕；這個(gè)圖標(biāo)的優(yōu)點(diǎ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主頁 你的APP主頁是呈現(xiàn)給用戶的第一印象，所以，一定要做到頁面的合理布局，相關(guān)內(nèi)容的排序等級(jí)以及導(dǎo)航模塊的多元化設(shè)計(jì)依據(jù)接近原則準(zhǔn)和相似原則，設(shè)計(jì)師可以將APP主頁進(jìn)行模塊劃分，使主頁的布局更加明晰化，達(dá)到用戶友好的目的2 列表頁 一個(gè)APP中大多數(shù)頁面；1常規(guī)樣式 最常見的款式，95%以上的二級(jí)和后續(xù)界面都是常規(guī)導(dǎo)航欄，這種類型也會(huì)用在一些比較簡單的首頁以iOS的兩倍圖為例容器的高度固定在88px，基本上只由按鈕和標(biāo)題組成，背景色多為白色或主色調(diào) 2大標(biāo)題 iOS11系統(tǒng)發(fā)布后，大標(biāo)題導(dǎo)航欄逐漸流行起來大標(biāo)題一般只出現(xiàn)在主頁底部標(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)用中；通過對(duì)騰訊動(dòng)漫首頁包括首屏與向下滑動(dòng)的所有頁面進(jìn)行截屏分析，騰訊動(dòng)漫由于它的分類與內(nèi)容特別多，導(dǎo)致首頁特別特別長，但是通過分析發(fā)現(xiàn)，騰訊動(dòng)漫的首頁布局是有大量重復(fù)樣式的，能提高設(shè)計(jì)師的設(shè)計(jì)效率，同時(shí)版式的交替排列也能讓用戶感知到樣式的變化不易產(chǎn)生視覺疲勞 騰訊動(dòng)漫app首頁主要是由四種版式構(gòu)成的 第一。

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

在新項(xiàng)目中，設(shè)定合適的尺寸和布局，為你的APP奠定堅(jiān)實(shí)的基礎(chǔ)打開摹客RP，讓我們從創(chuàng)建引導(dǎo)頁開始輕輕拖拽Antdesign和iOS組件庫中的頂部狀態(tài)欄，立刻賦予頁面專業(yè)感接著，通過文字和圖片的自由添加，塑造清晰的信息架構(gòu)選擇預(yù)設(shè)的按鈕，定制獨(dú)特的樣式，賦予每個(gè)交互生命力在繪制主頁時(shí)，別忘了；如何快速用墨刀制作一個(gè)APP首頁原型 墨刀是一款原型設(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重疊 重疊的字體圖形和顏色不僅讓界面看起來更生動(dòng)，還創(chuàng)造了空間感這就是為什么在不同的應(yīng)用程序用戶界面設(shè)計(jì)中，設(shè)計(jì)者廣泛使用重疊元素的原因此外，在某些情況下，相同元素的重疊，加上陰影，可以使應(yīng)用程序界面的整體設(shè)計(jì)更加令人興奮2移動(dòng)app界面。