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

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

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

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