人成视频无码免费|国产午夜精品二区三区|亚洲国产片论片在线播放|国内精品伊人久久久久av|一本久道久久综合婷婷国产|国产成人综合久久精品推荐|久久久久久av无码免费肉站|在线观看午夜无码高潮精品51

Amaze UI

最新簽單 新聞中心 互聯(lián)網(wǎng) 物聯(lián)網(wǎng) 移動互聯(lián)網(wǎng) IT基礎(chǔ)服務(wù)

全部信息    APP    微信公眾號    手機網(wǎng)站   

網(wǎng)站首頁 >> 移動互聯(lián)網(wǎng)相關(guān) >> APP

APP設(shè)計規(guī)范:圖標和按鈕視覺設(shè)計規(guī)范

...


手機APP設(shè)計規(guī)范指對整套APP界面進行視覺設(shè)計UI風格的統(tǒng)一,對界面元素的樣式、顏色、圖標按鈕和大小設(shè)定統(tǒng)一的規(guī)范和使用原則。方便以后協(xié)調(diào)合作和APP視覺迭代。

 

第一部分:APP界面里面的圖標(iCON)設(shè)計規(guī)范

 

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

App 里的圖標還應(yīng)該根據(jù)不同的功能需求設(shè)計不同的狀態(tài):如常態(tài)、選中態(tài)、點擊態(tài)等。而且每一個圖標除了英文的命名以為,還需要一個中文名字的備注下圖標所代表的含義。讓開發(fā)和其他同事看得懂。這也是我們做APP視覺規(guī)范的最終目的。

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

 

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

 

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

 

當然你也可以有自己的APP圖標視覺規(guī)范規(guī)則。只要你們自己可以看得明白就行。

以上2種APP界面里面的圖標(iCON)設(shè)計規(guī)范分類方式,僅供參考。

 

第二部分:APP界面里面的按鈕(Button)設(shè)計規(guī)范

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

按鈕規(guī)范因不同功能和場景需要,設(shè)計不同的樣式和顏色,在尺寸上也分有:長、中、短;而且按不同手機平臺長中短尺寸也注意有所不同。

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

常見的圖標和按鈕視覺設(shè)計規(guī)范信息圖如下:

 

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

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

一般按鈕:不是特別重要操作的按鈕。比如清空、退出、說明性的等按鈕。

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

軟弱按鈕:這里指優(yōu)先級最低的一種按鈕,這類案例主要是文字和圖標一起搭配出現(xiàn)的。比如篩選、排序等按鈕。

今天就跟大家分享這些,應(yīng)該說APP界面設(shè)計當中應(yīng)用到的圖標和按鈕基本都說了下,大家也可以借鑒上面的這些案例來定義自己的app視覺規(guī)范和app功能模塊需求文檔。

上一條:APP LOGO設(shè)計之字體設(shè)計入門教程

下一條:百度手機助手2015年下架20萬款惡意App