ui原型圖制作教程 如何設(shè)計(jì)規(guī)范的原型圖?
如何設(shè)計(jì)規(guī)范的原型圖?在解釋怎么設(shè)計(jì)規(guī)范的原型圖之前,我們梳理下原型圖的組成元素,原型圖是由圖片、文字和三千多種極為豐富的組件構(gòu)成,以外這些,我們還不需要特別注意原型圖的設(shè)計(jì)尺寸,不同產(chǎn)品端(App、
如何設(shè)計(jì)規(guī)范的原型圖?
在解釋怎么設(shè)計(jì)規(guī)范的原型圖之前,我們梳理下原型圖的組成元素,原型圖是由圖片、文字和三千多種極為豐富的組件構(gòu)成,以外這些,我們還不需要特別注意原型圖的設(shè)計(jì)尺寸,不同產(chǎn)品端(App、WEB和iPad)的原型尺寸是都不一樣的。因此,要想輸出來一份規(guī)范的原型圖需要盡量200元以內(nèi)幾點(diǎn):
依據(jù)什么相同的產(chǎn)品端,統(tǒng)一原型圖的尺寸大??;注意統(tǒng)一的配色標(biāo)準(zhǔn),考慮原型圖的主色調(diào)、輔助色,低保真這個可以不使用黑白灰;可以確定文字的使用規(guī)范,如標(biāo)題、正文、提示信息等建議使用的字體、字色、字號;使用統(tǒng)一的組件庫、圖標(biāo)庫;另外完善系統(tǒng)基本都的跳轉(zhuǎn)交互事件。如果不是您對原型設(shè)計(jì)有興趣的話,不妨了解本賬號【Axure原型設(shè)計(jì)】,會導(dǎo)致致力于提供分享分享Axure原型設(shè)計(jì)領(lǐng)域無關(guān)的知識、經(jīng)驗(yàn)、技巧以及方法。即便是0基礎(chǔ)的小白也能快速能學(xué)會Axure可以制作原型
如何使用Axure制作密碼輸入框的原型?
準(zhǔn)備:托動文本框元件至設(shè)計(jì)區(qū)域
第二步:右鍵單擊文本框,選擇”鍵入類型r26密碼”或再在右側(cè)樣式面板中類型你選擇“密碼”
第二步:在右側(cè)樣式面板中再輸入提示文字“請輸入密碼”
第四步:在右側(cè)樣式面板中,大的長度輸入數(shù)字6(假設(shè)密碼限制為6位)
借用Axure自己制作密碼輸入框,前提:密碼限定為6位,隱藏密碼。
先打開AxureRP軟件,在軟件庫中拖一個輸入框到畫布上。(forms—textfield)選中后輸入框,選擇文本框類型為“密碼”
在文本框?qū)傩灾腥缓筝斎胛谋究虻膡提示文字}。提示文字的字體、顏色、對齊等樣式可以不再點(diǎn)擊【再提取樣式】并且可以設(shè)置。
左鍵單擊輸入框鼠標(biāo)右鍵中,選擇“文件——大長度”,再輸入“6”修改密碼位數(shù)。
去設(shè)置好后,界面上會會出現(xiàn)如下圖所示的密碼輸入框。