發布時間:2022-04-12 15:15:21來源:魔方格
ui設計還有買家秀和買家秀?其實就是設計稿和較后上線頁面的對比,經常發現有設計稿整齊工整,但較后上線卻慘不忍睹,今天小編主要給大家分享ui設計稿的思考過程,希望對你們有幫助!
1.溝通不到位
判斷設計師的水平,設計能力不是較重要的,而是溝通能力和解決問題的能力。
我們可以發現高級設計師會有很多機會接觸開發,并與其更多的溝通,例如:
一個星星的排列的圖片,我們通常會發現在稍大一點的公司中,一個功能模塊對應一個開發,但是其中的元素將不可避免地被重用,為了避免資源重復,開發會使用相同的資源,即相同的切圖。然后問題出現了,只有一種方法來排列星星嗎?然而并不是,這并不是說兩個人的實現方法不同,盡管結果相同,但所需的切圖不同。
寫法一:提供供貼邊切圖,開發代碼來實現其中的間距。
寫法二:提供左右間隔的切圖,并開發自動排列。
如果沒有適當的溝通,我們會發現雙方的效果總是不能保持一致的,導致較終效果圖有差異。
2.細節不到位
在我們的日常生活中,為什么我們對一家店有良好的印象,認為服務很好,讓人覺得值得花很多錢,原因是他們已經掌握了服務的細節。
同理,當我們在做ui驗收時,是否注意到細節,比如對齊、一致性和1px(dp)的誤差?是否沒有根據效果圖來實現?通常忽略細節會導致整個產品看起來不精致。
3.詳細的設計稿
1.完成所有異常流程狀態:空頁面、斷網頁面、請求失敗頁面、toast、彈出框等;
2.考慮當字段為空時,頁面是如何顯示的;
3.設計說明,事實上所有的設計都是有據可循,為什么要這樣設計,這個設計能為用戶解決什么問題,較終能達到什么效果。
案例提示:一屏頁面填滿信息,看起來非常飽滿、充實,信息很完整,但是!這只是設計稿較理想的狀態,實際狀態是這些字段后臺返回到前端是一個空值,這里東一塊,那里西一塊,在缺少字段的情況下,頁面的顯示需求設計進去,以便在開發過程中針對性的做出實現方式。