ui設(shè)計(jì)稿的思考過程

ui設(shè)計(jì)還有買家秀和買家秀?其實(shí)就是設(shè)計(jì)稿和較后上線頁面的對(duì)比，經(jīng)常發(fā)現(xiàn)有設(shè)計(jì)稿整齊工整，但較后上線卻慘不忍睹，今天小編主要給大家分享ui設(shè)計(jì)稿的思考過程，希望對(duì)你們有幫助!

1.溝通不到位

判斷設(shè)計(jì)師的水平，設(shè)計(jì)能力不是較重要的，而是溝通能力和解決問題的能力。

我們可以發(fā)現(xiàn)高級(jí)設(shè)計(jì)師會(huì)有很多機(jī)會(huì)接觸開發(fā)，并與其更多的溝通，例如:

一個(gè)星星的排列的圖片，我們通常會(huì)發(fā)現(xiàn)在稍大一點(diǎn)的公司中，一個(gè)功能模塊對(duì)應(yīng)一個(gè)開發(fā)，但是其中的元素將不可避免地被重用，為了避免資源重復(fù)，開發(fā)會(huì)使用相同的資源，即相同的切圖。然后問題出現(xiàn)了，只有一種方法來排列星星嗎?然而并不是，這并不是說兩個(gè)人的實(shí)現(xiàn)方法不同，盡管結(jié)果相同，但所需的切圖不同。

寫法一:提供供貼邊切圖，開發(fā)代碼來實(shí)現(xiàn)其中的間距。

寫法二:提供左右間隔的切圖，并開發(fā)自動(dòng)排列。

如果沒有適當(dāng)?shù)臏贤?，我們?huì)發(fā)現(xiàn)雙方的效果總是不能保持一致的，導(dǎo)致較終效果圖有差異。

2.細(xì)節(jié)不到位

在我們的日常生活中，為什么我們對(duì)一家店有良好的印象，認(rèn)為服務(wù)很好，讓人覺得值得花很多錢，原因是他們已經(jīng)掌握了服務(wù)的細(xì)節(jié)。

同理，當(dāng)我們?cè)谧鰑i驗(yàn)收時(shí)，是否注意到細(xì)節(jié)，比如對(duì)齊、一致性和1px(dp)的誤差?是否沒有根據(jù)效果圖來實(shí)現(xiàn)?通常忽略細(xì)節(jié)會(huì)導(dǎo)致整個(gè)產(chǎn)品看起來不精致。

3.詳細(xì)的設(shè)計(jì)稿

1.完成所有異常流程狀態(tài):空頁面、斷網(wǎng)頁面、請(qǐng)求失敗頁面、toast、彈出框等;

2.考慮當(dāng)字段為空時(shí)，頁面是如何顯示的;

3.設(shè)計(jì)說明，事實(shí)上所有的設(shè)計(jì)都是有據(jù)可循，為什么要這樣設(shè)計(jì)，這個(gè)設(shè)計(jì)能為用戶解決什么問題，較終能達(dá)到什么效果。

案例提示:一屏頁面填滿信息，看起來非常飽滿、充實(shí)，信息很完整，但是!這只是設(shè)計(jì)稿較理想的狀態(tài)，實(shí)際狀態(tài)是這些字段后臺(tái)返回到前端是一個(gè)空值，這里東一塊，那里西一塊，在缺少字段的情況下，頁面的顯示需求設(shè)計(jì)進(jìn)去，以便在開發(fā)過程中針對(duì)性的做出實(shí)現(xiàn)方式。