ui設計稿的思考過程

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

1.溝通不到位

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

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

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

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

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

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

2.細節(jié)不到位

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

同理，當我們在做ui驗收時，是否注意到細節(jié)，比如對齊、一致性和1px(dp)的誤差?是否沒有根據(jù)效果圖來實現(xiàn)?通常忽略細節(jié)會導致整個產(chǎn)品看起來不精致。

3.詳細的設計稿

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

2.考慮當字段為空時，頁面是如何顯示的;

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

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