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

在針對某款產品做改版設計或視覺優化時，我們可以怎么操作？這篇文章里，作者針對肯德基官方APP做了改版設計，一起來看看作者的分析思路，或許會對屏幕前的你有所幫助。

又到了肯德基瘋狂星期四，不知道各位筒子們，都叫炸雞了沒有，叫炸雞的時候，有沒有打開肯德基 APP 或者小程序，享受過它們美妙的視覺效果和體驗了嘛……

沒看過沒關系，下面是肯德基官方 APP 的截圖，也就是我們今天的改版案例：

改版聲明：改版的主要目標是圍繞視覺做優化，探索視覺輸出的方向和可能性，以及包含部分主觀分析推導出來的體驗、交互問題，不涉及產品背后的宏觀戰略。

任何沒有根據的用戶就喜歡 XXX、領導就要 XXX、產品都是 XXX 類問題，或者認為現在設計就做的很好，那么統一回復 ——不如原版！

一、問題分析

在原版設計中，存在的樣式問題是很明顯的，相信看完的第一個感覺就是“亂”，因為什么東西都想強調，什么元素都想強加給用戶，信息和視覺全在打架，那效果是不可能好的，下面根據模塊逐一做出分析。

整個頁面包含上下兩個部分，上部分包含的要素有五個，背景、操作欄、新人禮包卡片、登錄卡片、快速入口。

這個背景的設計顯得很多余，不僅沒有具體的信息，而且手繪線條也和下方格格不入。背后還有操作欄內的操作選項，黑色的圓角矩形背景并不能很好突出里面的元素，反而讓視覺更混亂。

再到下面的新人禮和登錄卡片，結合得毫無邏輯，左右寬度不一致很奇怪，新人禮廣告圖的優惠券圖形和實際內容也不搭。用戶如果沒登錄，那么登錄卡片里的數據也很多余。

而快速入口先不評價圖標設計，背后硬加一層背景讓標題反白再顯示下半部分卡片輪廓，就是俗稱的為了一點醋包了頓餃子的行為。

下半部分，則是包含福利類型入口，公告，活動列表三個主要部分，活動列表中還包含主輪播廣告、限時秒殺、囤囤券、V 社福利、會員推薦、一般活動等多個子模塊。

APP 專享福利禮，包含的選項其實不算多，還要點更多進去查看是沒必要做法。緊接著顯示公告信息位置也很奇怪，夾在毫無邏輯的關聯的兩個模塊之間，而且在第一屏中幾乎看不到，不符合公告本身的作用。

然后就是活動的列表，這部分的設計其實就是照搬電商運營模塊瓷片區結合瀑布流的模式，效果顯然很差，模塊的區分感受不到，而且因為視覺太沖了，看起來毫無任何吸引力。

至于其它的一些視覺問題就不多展開，擺在我們面前的主要難題，就是如何有效組織這么多模塊和信息，讓它們能有效的展現出來又不會沒有重點。

二、改版解析

我們做改版的基本流程，是先做框架再做視覺。下面是針對新版本的框架定義，對一些大方向的問題做調整。

首先是頭部合并登錄和新人禮 Banner，因為登錄后樣式是不同的，那未登錄就用獨立的樣式不用考慮登錄后。

同時快速入口、公告使用白背景做突出，下半部分移除背景，形成上下的層次，且公告模塊上移，放在更容易被注意到的位置，讓順序邏輯也更合理一點。

有了初步的模塊定義，下一步就是完善原型框架，將內容填充進去并做進一步的優化。主要的想法調整在福利部分的秒殺和囤囤券上，合并在一起怎么做都不合理，所以拆分成兩個模塊。

最后，就可以填充顏色并完成所有的內容了，下面輪流展示。

首先是頂部模塊，背景直接用主色的簡便來替代，按鈕不做無用的透明度背景，優化領取禮物的 Banner 做法，更接近主流的運營設計風格（時間關系做的比較隨意）。

然后就是快速入口和公告，之前我們做過一篇輕擬物設計的分享，在這里我們直接使用是前做過的圖標，和下方的圖標做區分，并提供更好的視覺效果。

然后就是 APP 專享福利，這里沒做太大的變動，只是去掉多余的文字介紹，平心而論專享福利這個標題也想去掉，因為叫什么名字對理解這些圖標沒有實際幫助，底部的對比版本會去掉這個標題。

最后就是底部的福利瀑布流了，這里的主要視覺思路，是簡化圖片內容，突出信息的主體，區分不同內容的模塊，完成的結果如下。

其中，廣告用圖很多產品是直接無腦用線下或網站的海報，不僅畫面很嘈雜，而且小字信息非常多，這在移動端是完全不適用的。所以我們完成這類設計首先就要選擇主體突出視覺相對簡單的海報，并且一定要把不相關的文字內容給處理掉（PS 里），比如下面的案例。

或者可以參照一些平面案例，自己快速找素材搭建個符合設計需要的廣告圖，幾分鐘就能做好，而不是不管什么不合適的物料素材都無腦貼上去。

下面，就可以查看改版前后的對比，是否有優化前面羅列的問題：