中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

對于界面來講，我們設計師過于關注設計的美觀度，而忽略了圖片和文字的內容的真實性。而界面內容的真實性相當關鍵，這往往關乎自己的設計最終能不能高還原度地呈現。

很棗很棗之前，有個新聞。有人娶了一個韓國老婆，因為生的孩子太丑，丈夫把老婆告上法庭，還贏了官司。

是不是似曾相識？我們很多設計師在出視覺稿的時候，設計稿狂拽炫酷屌炸天，但最后上線以后的效果，都不好意思說這是自己做的。

我們下面通過幾個栗子，感受一下保持界面真實性有多重要：

第一個栗子

這是一個猜你喜歡的新界面設計

這是上線以后的樣子：

上線以后的界面閃瞎設計師眼，圖片質量比起設計稿差很多。

因為沒有預料到賣家上傳圖片的質量，因此采用了較大尺寸的框架來承載賣家圖片，這反而暴露了本身圖片的缺點（有亂七八糟的膏藥）。在無法規范賣家圖片的情況下，最好使用別的框架去承載圖片。

這是優化后的樣子：

第二個栗子

這是一個內容模塊的設計：

上線以后長這樣：

一行根本放不下標題，用戶根本看不懂在說什么。同時，由于作者的名稱很長，造成下面的信息重疊在了一起。而設計師顯然沒有考慮實際情況，只為內容的標題留了一行的空間，將作者、頭像、點贊、閱讀數也水平展示在一行內。

如果按照實際內容，利用橫向列表式的排布，文章標題、作者頭像和點贊閱讀等信息都可以更好地展示。

這是優化后的樣子：

第三個栗子

需要制定一個表單信息填寫的規范，主要填寫信息有用戶的名字和證件號，于是設計稿如圖：

拿這個規范去和機票業務方對，根本行不通。因為國際機票需要的信息如下：

發現沒，因為在設計時只知道有用戶的姓名，而且僅用了“乘機人”代表用戶名，忽略了國際機票是需要用戶的姓/名分開來寫，以及需要護照號，而不是身份證號的。雖然優化后的界面更簡潔，但是不滿足實際應用的。

這是優化后的規范：

第四個栗子

設計師設計了一套頻道入口的模板，如下：

這套模板上線以后，發現有的模板應用效果如下：

因為設計師只用了一套背景圖，所以沒有考慮到替換其他背景圖時的展示效果，有的文字根本看不清楚。如果多嘗試幾張圖片，為圖片增加半透明黑色涂層，真實效果就會好很多：

最后是幾條建議

1｜在設計前需要考察現狀

考察內容包括界面都有哪些信息（照片、文字、用戶名、用戶頭像等），每種信息的質量（照片分辨率、照片質量、文字長度、文字質量）等

2｜盡量使用實際圖片進行設計

在設計時使用的圖片需要和線上實際的圖片（賣家上傳的圖片、用戶上傳的圖片、運營編輯的圖片）等一致。例如商家可能會在圖片上貼一些牛皮鮮，這樣我們可以通過設計將牛皮鮮遮起來；如果圖片分辨率暫時不能保證，那就盡量避免使用太大的圖片展示區域，以免實際效果會模糊。

3｜避免重復使用圖片素材

如果通篇使用同一類型的素材（明暗、顏色種類等），比如白色元素在深色圖片上展示效果很好，但是一旦圖片是淺色，效果就會很差。這些問題在豐富性高的圖片中會更容易發現。

4｜保證文字內容和線上的文字內容一致

別再用Loren這樣無意義的文字了，拿真實的內容填滿你的界面，不僅方便你找到更好的形式去優化你的界面，更可以避免一些基礎錯誤。

5｜考慮文字的長度，制定文字規則

在規定字號的時候，首先去看你要規定的這段文字在大多數情況下有多少個字，這樣能幫助你合理設計字號以及文字換行規則。

6｜界面上下文關系保持一致

例如你要做一個親子主題的頁面，但是界面里出現了跳傘攀巖蹦極等刺激瘋狂的活動，光在評審的時候就會讓大家難以理解。

其他一些需要保持一致的情況，需要大家在工作中自己體會

作者：Sugar，（微信alibabadesigner）阿里高級設計師

本文由 @Sugar 原創發布于人人都是產品經理。未經許可，禁止轉載。