国产亚洲欧美人成在线,免费视频爱爱太爽了无码,日本免费一区二区三区高清视频 ,国产真实伦对白精彩视频

歡迎您光臨深圳塔燈網(wǎng)絡(luò)科技有限公司!
電話圖標(biāo) 余先生:13699882642

網(wǎng)站百科

為您解碼網(wǎng)站建設(shè)的點(diǎn)點(diǎn)滴滴

APP開(kāi)發(fā)原型圖設(shè)計(jì)方法

發(fā)表日期:2018-07 文章編輯:小燈 瀏覽次數(shù):1692

在APP開(kāi)發(fā)項(xiàng)目中,在進(jìn)行原型設(shè)計(jì)時(shí),畫(huà)線框圖時(shí)都會(huì)忽略一些重要內(nèi)容,導(dǎo)致和視覺(jué)設(shè)計(jì)師的溝通成本增高、返工增多、工作效率下降、設(shè)計(jì)質(zhì)量下降等重要問(wèn)題。

為了解決這些問(wèn)題,一方面需要加強(qiáng)溝通,另一方面還需要多站在視覺(jué)的角度考慮線框圖的設(shè)計(jì),使大家的配合更默契。


APP設(shè)計(jì)原型圖.jpg


通過(guò)畫(huà)線框的明暗對(duì)比表達(dá)

畫(huà)線框圖時(shí),加入了明暗對(duì)比之后,界面元素的重要級(jí)關(guān)系更直觀,我們不再需要跑過(guò)去跟視覺(jué)說(shuō):這N個(gè)模塊中這個(gè)重要,那個(gè)其次,視覺(jué)的工作效率也大大的提高了。

不使用競(jìng)品截圖拼湊與顏色

很多產(chǎn)品人員為了能更清楚的表現(xiàn)想法,拼湊各種競(jìng)品的截圖,組成一個(gè)頁(yè)面。這樣做一來(lái)不規(guī)范,二來(lái)對(duì)視覺(jué)設(shè)計(jì)師也有一定的干擾。如果真的有一些關(guān)于圖案的想法,可以告訴視覺(jué)設(shè)計(jì)師需要營(yíng)造什么樣的氛圍,達(dá)到什么效果。

標(biāo)記屏高度

屏高度至關(guān)重要,重要的內(nèi)容、尤其是重要的操作按鈕盡可能在屏內(nèi)顯示完全,不然會(huì)對(duì)轉(zhuǎn)化率有較大的影響。屏高度在什么位置?在1024*768分辨率下,極限情況下可定為570px;如果不那么嚴(yán)格的話,屏高度也可以定為600px。在原型稿上標(biāo)明即可,這樣可以給視覺(jué)設(shè)計(jì)師一個(gè)參考。但不要為了保持屏高度而讓內(nèi)容過(guò)度擁擠,這樣會(huì)給視覺(jué)設(shè)計(jì)師帶來(lái)不小的麻煩。

嚴(yán)格遵守柵格規(guī)范

很多產(chǎn)品人員或新人交互設(shè)計(jì)師都比較容易忽略這一點(diǎn),沒(méi)有按照柵格規(guī)范來(lái)布局,這樣容易導(dǎo)致的結(jié)果就是:視覺(jué)設(shè)計(jì)師在按照柵格排版時(shí),發(fā)現(xiàn)在交互稿中能排下的內(nèi)容,在視覺(jué)稿中排不下了,這樣就還得返回去改交互稿,或是修改需求內(nèi)容。影響效率不說(shuō),可能還會(huì)影響終的質(zhì)量。所以在制作原型時(shí),一定要注意這一點(diǎn),同時(shí)也要保證交互稿中的字號(hào)、間距盡量符合視覺(jué)要求,以免給視覺(jué)造成不必要的困擾。但建議在確定柵格布局時(shí),一定提前和視覺(jué)溝通商量好,以免影響視覺(jué)的發(fā)揮。

合理的布局及間距

很多產(chǎn)品人員完全不考慮布局標(biāo)準(zhǔn)及美觀程度,隨便就把想要的內(nèi)容堆到一起。這樣視覺(jué)就只能重新考慮布局,無(wú)形中耽誤了很多時(shí)間。另外就是前面提到的,不按照布局及間距標(biāo)準(zhǔn)畫(huà)線框圖,將很難準(zhǔn)確的計(jì)算屏高度及每個(gè)模塊的實(shí)際內(nèi)容量,導(dǎo)致視覺(jué)返工的幾率大大增加。這里也是一樣,建議在確定界面布局時(shí),提前和視覺(jué)溝通商量,給視覺(jué)合理的發(fā)揮空間。

表達(dá)清楚UI邏輯

當(dāng)設(shè)計(jì)一個(gè)內(nèi)容元素較多、邏輯層級(jí)較復(fù)雜的頁(yè)面時(shí),為了避免混亂,我們需要提前整理一下這些內(nèi)容,以保證文字、鏈接、操作等內(nèi)容的樣式符合它們所代表的重要程度,并把各種復(fù)雜的情況歸類(lèi)成有限的幾種形式,以給用戶一個(gè)合理的視覺(jué)引導(dǎo)。


如果在繪制線框圖的時(shí)候,注意以上的幾點(diǎn),我們會(huì)發(fā)現(xiàn),和視覺(jué)設(shè)計(jì)師的溝通越來(lái)越暢通。




本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得,所有資料僅供用戶學(xué)習(xí)參考,本站不擁有所有權(quán),如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容,請(qǐng)及時(shí)與我們聯(lián)系,并提供相關(guān)證據(jù),工作人員會(huì)在5工作日內(nèi)聯(lián)系您,一經(jīng)查實(shí),本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/3988.html
相關(guān)APP開(kāi)發(fā)
 八年  行業(yè)經(jīng)驗(yàn)

多一份參考,總有益處

聯(lián)系深圳網(wǎng)站公司塔燈網(wǎng)絡(luò),免費(fèi)獲得網(wǎng)站建設(shè)方案及報(bào)價(jià)

咨詢(xún)相關(guān)問(wèn)題或預(yù)約面談,可以通過(guò)以下方式與我們聯(lián)系

業(yè)務(wù)熱線:余經(jīng)理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.