1. 首頁 > 生活百科 > >

手機界面設計中15種常用布局，網站界面設計

設計生活百科


手機界面設計中15種常用布局，網站界面設計

文章插圖
做手機界面設計的尺寸是多少：
手機界面設計中15種常用布局，網站界面設計

文章插圖
從設計方面來看，做手機界面設計的尺寸一般分為iPhone和Android兩種設備 。
如果以iPhone為設計設備，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208這三種尺寸設計都可以，750x1334是2倍圖設計，1125x2346和1242x2208都是3倍圖來進行設計 。
如果是用PS做設計稿就用750*1334，如果是用SKetch或者XD來設計，常見是用1倍尺寸來說，也就是375*667或者375*812 。
如果以Android為設備進行設計，尺寸一般使用720x1280，1080x1920進行設計第一種是2倍圖，第二種是3倍圖 。
近年來iPhone和Android的設備增多，各尺寸也逐漸變多，下面有一份安卓屏幕尺寸表：
以及一份iOS屏幕分辨率和尺寸表：

擴展資料：
1、UI界面設計的基本要素：
機界面層級：idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標和文字外，比較重要的還有function animation(呼叫，發送信息等) 以及 function interface(計算器，日歷界面等)
明確意義的圖標，風格鮮明的版面設計是手機界面設計的重要工作，較為流行的是以Motorola，Nokia等為代表的歐洲簡單風格，以及韓國的時尚絢麗的風格 。
2、設計注意事項：
尺寸問題： 480X800，540X960，720X1280，1080X1920象素尺寸是較常見的手機屏幕尺寸，在設計時可以根據實際產品要求進行設計，更大的屏幕可以有更多的交互表現和視覺元素的支持，較為自由 。
色彩問題： 由于手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩時要根據使用的屏幕進行調節 。
可實現性問題： 受到硬件運算速度和內存的影響，以及不可預計的后臺程序開發難度，過于復雜的效果將很難進行實現，與程序工程師和ui工程師，硬件工程師的溝通顯得尤為重要 。
參考資料來源：百度百科-手機UI設計
手機界面設計中15種常用布局，網站界面設計

文章插圖

什么是手機ui界面設計：
手機界面設計中15種常用布局，網站界面設計

文章插圖
手機用戶界面是用戶與手機系統、應用交互的窗口，手機界面的設計必須基于手機設備的物理特性和系統應用的特性進行合理的設計 。手機界面設計是個復雜的有不同學科參與的工程，其中最重要的兩點的就是產品本身的UI設計和用戶體驗設計，只有將這兩者完美融合才能打造出優秀的作品 。學UI設計可以到繪學霸上看視頻學，也可以自己上網找些教程
手機UI設計主要用什么軟件：
手機界面設計中15種常用布局，網站界面設計

文章插圖
PS：PS軟件在UI設計工作中主要來用做UI設計界面設計、圖標設計、圖片處理的
AI：AI軟件在UI設計工作中主要用來做UI界面設計、圖標設計、字體設計、插畫設計的
AE：AE軟件在UI設計工作中主要用來做動效設計的
XD：XD或者sketch軟件，SketchXD軟件可以在雙系統上安裝
Sketch和XD這兩款軟件功能是差不多的，XD的話是一款非常適合做UI設計工作，XD做圖會非?？欤驗閄D的工具特別少，里面的工具是專門為做UI設計工作開發的一款軟件，而且XD軟件特別小，不會卡 。
ARP：ARP或者默刀軟件，ARP和默刀軟件功能差不多二選一學習就可以了，這兩款軟件都是做原型設計的
UI設計是由很多很多界面組成的，這些界面每一步之間去交接的這個界面，如果說我們只做一個界面，UI設計師是可以做出來的，但是要做幾十個上面個界面，如果我們一個個做是肯定會出問題的，所以需要先制作原型，我們根據原型再制作界面，這就是我們的前后聯系，原型是不用做這個顏色，圖標，細節的，只需搭建一個基礎的版式就行，這個就是我們用ARP或者默刀軟件做的 。
C4D：C4D軟件在UI設計工作中主要用來做建模的
藍湖：藍湖軟件在UI設計工作中主要用來做標注設計的
就是我們做好了頁面，這個頁面的高底，寬度，包括頁面的色值我們都需要標注出來，為什么需要標注呢，因為我們做的圖，做完之后他就是張圖片，這個圖片我們用手機是點不了的，我們手機APP上的那些圖之所以能點，那是因為有程序猿做了一個二次開發，這個東西我們不用懂，但是我們要標注出來，標注出來讓程序猿知道你的顏色，你的色值，你的尺寸到時是多少，他才能開發出來 。

推薦閱讀