手機APP設計規范圖標和按鈕視覺設計規范

2023-08-30 分類：網站建設

今天25學堂的小編在網上和站酷上學習圖標繪制的方法之后，于是很有沖動來整頓一下手機app設計規范之圖標和按鈕視覺設計規范。

手機APP設計規范指對整套APP界面進行視覺設計UI風格的同一，對界面元素的樣式、顏色、圖標按鈕和大小設定同一的規范和使用原則。方便以后協調合作和APP視覺迭代。

部分：APP界面里面的圖標（iCON）設計規范

我們在繪制APP UI界面設計里面的圖標，在PS里面盡可能用外形來繪制。保證圖標和按鈕是矢量圖。切圖的時候的格式都是PNG。而且是圖標和按鈕的尺寸大小必須為偶數。

App 里的圖標還應該根據不同的功能需求設計不同的狀況：如常態、選中態、點擊態等。而且每一個圖標除了英文的命名以為，還需要一個中文名字的備注下圖標所代表的含義。讓開發和其他同事看得懂。這也是我們做APP視覺規范的目的。

每一個手機APP設計師的整頓自己的APP圖標視覺規范是不一樣的。25學堂就跟大家推薦2種圖標視覺設計規范分類方法。

1、按照界面位置和模塊來分類。如下圖：

2、按照功能模塊來分類：分為功能型圖標和示意型圖標。如下圖

當然你也可以有自己的APP圖標視覺規范規則。只要你們自己可以看得曉暢就行。

以上2種APP界面里面的圖標（iCON）設計規范分類體例，僅供參考。

第二部分：APP界面里面的按鈕（Button）設計規范

App 里的按鈕擁有 4 種屬性：分別為一般、點擊、不能點擊、選中

按鈕規范因不同功能和場景需要，設計不同的樣式和顏色，在尺寸上也分有：長、中、短；而且按不同手機平臺長中短尺寸也注重有所不同。

按鈕切圖一般以.9.png切圖為好，無論是ios和andorid平臺。切記

常見的圖標和按鈕視覺設計規范信息圖如下：

APP里面的按鈕也分為：主要按鈕、一般按鈕和軟弱按鈕

主要按鈕：一般是指在整個界面當中比較大，醒目的位置，通常是指執行主要操作以及吸附在底部的按鈕。比如下單、搜索、確定、提交等等操作。

一般按鈕：不是特殊主要操作的按鈕。比如清空、退出、說明性的等按鈕。

主要按鈕和一般按鈕都是文字是在按鈕上的，而且占的面積比較大。

軟弱按鈕：這里指優先級低的一種按鈕浙江做網站百度排名，這類案例主要是文字和圖標一路搭配出現的。比如篩選、排序等按鈕。

25學堂今天就跟大家分享這些，應該說APP界面設計當中應用到的圖標和按鈕基本都說了下上海做網站中心網，大家也可以借鑒上面的這些案例來定義自己的app視覺規范和app功能模塊需求文檔。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容