2024-02-25 分類: 網(wǎng)站建設(shè)
成都app開發(fā)-界面交互設(shè)計(jì)規(guī)范!APP設(shè)計(jì)規(guī)范是指對APP界面進(jìn)行風(fēng)格統(tǒng)一、界面元素風(fēng)格、顏色和尺寸設(shè)置的統(tǒng)一規(guī)范和使用原則。在設(shè)計(jì)方面,前端約定統(tǒng)一的設(shè)計(jì)規(guī)范非常重要,約定設(shè)計(jì)規(guī)范可以降低產(chǎn)品、設(shè)計(jì)、前端溝通成本;可以使界面設(shè)計(jì)整潔,統(tǒng)一,減少界面元素的重復(fù)設(shè)計(jì);設(shè)計(jì)材料可以減少,安裝包的大小可以控制。APP設(shè)計(jì)規(guī)范主要包括界面布局、背景顏色、字體顏色大小、界面元素間距、彈出層、排隊(duì)、圖標(biāo)、按鈕常態(tài)點(diǎn)擊態(tài)等。1、頁面布局規(guī)范頁面布局頁面布局和交互規(guī)范建議安卓,IOS盡可能統(tǒng)一,以避免安卓和IOS分別設(shè)計(jì)一套手稿。當(dāng)然,土豪劣紳可以忽略這個(gè)建議。當(dāng)然,安卓系統(tǒng)和IOS單獨(dú)設(shè)計(jì)。對于中小型項(xiàng)目,如果設(shè)計(jì)資源緊張,可以考慮安卓和IOS使用相同的手稿,分別進(jìn)行相應(yīng)的微調(diào),然后輸出適用于安卓和IOS不同的尺寸要求。建議使用mac矢量設(shè)計(jì)工具sketch。標(biāo)準(zhǔn)尺寸設(shè)計(jì)采用ios平臺iPhone5的尺寸640*136px。
界面設(shè)計(jì)完成后,可對適用于IOS和安卓尺寸的手稿進(jìn)行相應(yīng)的微調(diào)導(dǎo)出。首先,我們可以統(tǒng)一設(shè)計(jì)草稿的輸出規(guī)范:Android(720*1280px):界面預(yù)覽圖、界面坐標(biāo)圖、標(biāo)準(zhǔn)界面png文件IOS(640*1136px):界面預(yù)覽圖、界面坐標(biāo)圖、1-3倍圖、矢量圖、PDF文件PS:界面坐標(biāo)圖是指在設(shè)計(jì)最終完成的界面預(yù)覽圖上的標(biāo)記:界面元素的間距、文本的顏色、文本的大小、標(biāo)準(zhǔn)色弱:廣泛應(yīng)用于背景色和不需要顯眼的角落信息。標(biāo)準(zhǔn)色例三,標(biāo)準(zhǔn)字規(guī)范字規(guī)范字規(guī)范字規(guī)范字規(guī)范字是APP主要信息的表現(xiàn),特別是新聞閱讀、社區(qū)APP等制定標(biāo)準(zhǔn)的設(shè)計(jì)規(guī)范和良好的排版方法。重要的是用戶在使用APP時(shí)不會感到疲勞,這是非常重要的。標(biāo)準(zhǔn)字規(guī)范很重要,一般,弱。這里我們主要規(guī)范標(biāo)準(zhǔn)字的大小。標(biāo)準(zhǔn)字應(yīng)遵循上面的標(biāo)準(zhǔn)顏色,突出重要信息,弱化二級信息。標(biāo)準(zhǔn)字很重要:大標(biāo)題通常用于大標(biāo)題、top導(dǎo)航,小標(biāo)準(zhǔn)字用于分體模塊的標(biāo)題。
網(wǎng)頁標(biāo)題:成都app開發(fā)-界面交互設(shè)計(jì)規(guī)范!
分享地址:http://www.rwnh.cn/news16/318816.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、ChatGPT、網(wǎng)站策劃、小程序開發(fā)、微信小程序、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容