追求卓越一諾千金

藍藍設計||移动彩票大赢家,2011年成立||猪肉概念股,主創清華團隊|_钢筋混凝土结构预埋件,專注軟件和互聯網ui設計開發-|-王的第十七妾。擅長企業信息化管理||-中兴彩票网站、監控---热血长安百度云、大數據軟件UIUE谘詢和設計開發服務--|吴彦祖电影全集国语。立足UI-__西安洗浴全套,好好學習_初一下册数学期末试卷,天天進步|||新员工 电影!


官方出品|能看cctv5的网络电视!揭秘阿裏巴巴APP 8.0 視覺品牌升級背後的設計思路

2019-5-23 泥人張 手機及小程序界麵設計文章及欣賞


如果您想訂閱本博客內容_|360彩票今日开奖公告,每天自動發到您的郵箱中-_|花城广场停车, 請點這裏

阿裏巴巴副總裁___怎样在淘宝网开店、中國內貿事業部總經理汪海在對外分享時提出 1688 已經從信息平台時代進入數字化營銷平台時代_141期特肖,讓 1688 用戶在平台內完成營銷和銷售一體化的整個商業閉環||-288彩票靠谱吗。1688 的使命也升級成「在數字化經濟時代|_1995年的彩票中奖号码,讓天下沒有難做的生意|-镭波吧!」在全新的業務態勢下|-249彩票,為了更好的滿足用戶需求|_索爱w750,阿裏巴巴(1688)主客升級勢在必行_--寇小宇。

首頁重要性

首頁既是業務分流的中心場景__-色拉拉,也是平台賣家判斷平台打法-_京津高铁二线,買賣家感知平台價值的重要「門麵」-||赢发彩票首页。從 UED 專業視角來看_|青岛大哥骂雅阁女,首頁是定義 APP 內體驗範式及視覺風格的核心場景093彩票手机版客服。

如何改-||雅克蜥?

1. 盤點現象_-安溪野山谷,定義問題

滿足業務新的訴求||-1号娱乐平台下载网址:平台階段性戰略不同_-|偶像宣言目录,1688 從曾經的信息平台過渡到交易平台-_208622如意,如今向數字營銷平台轉型||银魂春祭,舊的內容框架難以承載業務的新發展__花中仙子是什么花。

提升分流質量-_易旺彩票合法吗?:從過去的數據效果來看-_|镇江郦荟,需重新判斷_||58创业加盟,在 For 特色采購需求和服務大麵采購需求之前|_-众彩国际app,如何平衡調優||亿彩彩票平台登录,提升首頁的流量轉化效能-|35彩票网站是正规的吗。

體驗升級_上海中潭癫痫能治愈:移動端 APP 天然生長在手機係統上-_|银航娱乐,係統的風格更迭也牽動著 APP 的變化和升級-__药草悠悠芳草香。在 8.0 升級前__张柏芝约谈谢霆锋,1688APP 存在著 5.0_农牧场盗匪、6.0|_www hzxxt com、7.0 多個由不同設計師在不同時間點所設計的場景||-银山智人,到8.0||psp零之轨迹金手指,APP 趨待從框架層-|海康视频服务器、表現層以及品牌等方麵進行統一及升級_-霸王花4。

改版策略

1. 聚焦用戶價值--我抬头望着天看不见,基於業務打法升級內容框架

APP 升級前與業務對焦-|玫琳凯之窗在线订单,我們收到三點訴求-_|航嘉功率计算器:

  • 用算法的能力去承接首頁買家的轉化-_|卡发短信平台;
  • 搜索是 B 類買家找品__镇赉贴吧、選商的核心工具__365天天彩票快三,需要引導更多用戶更高頻地使用搜索-_优彩买彩票靠谱吗;
  • 互聯網流量紅利到瓶頸期_-日奈森亚梦h,需要進一步做好新用戶的承接--易网彩票网开奖。

在內容框架製定上_--地铁蓝衣水岛津实,我們聚焦用戶價值__手机直播软件哪个黄,舍掉 7.0 時的內容版塊個性化-晋城五个人图片,聚焦做商品的個性化|_英国梧桐,僅保留For大麵用戶的營銷|_陕西地震网、內容場景||-造梦西游3极品号源怎么用,提升算法推薦區的曝光率-_|薇丝露,以此區域的商品做首頁的直接轉化|_-实名注册和防沉迷系统。

2. 弱化容器||038彩票是合法的吗?,突出內容_-|盈众彩票安全吗,塑造心智

視覺容器升級

做平視覺框架_|北京市统计局信息直报网,選擇「大間距分隔」|||快乐大本营之天天有喜,為內容留出幹淨__亿彩平台下载、簡潔的視覺空間|-|阿思家。

精簡內容柵格||142期富婆看图肖特,避免形式給用戶閱讀帶來的負擔-|-丝诺萄官网。

提高留白率--517云购,提升頁麵整體的透氣性-__央视曝光海淘额度,為內容留出更清爽_基督教赞美歌曲大全、輕鬆的閱讀空間-_阳江泡吧。

拉大字體大小的梯度_-至尊彩平台,加重字體顏色梯度|_移动彩票平台靠谱吗,提升文字的清晰度和可讀性_-轩辕传奇破幽谷怎么打。

強調版塊特性||街头篮球葡萄登陆器,塑造買家心智感知--苏杭特产,達成業務目標

強化搜索|穿越神墓之何为逆天:7.0時_-王华买爹全集,曾上線過將搜索做到「主觀上覺得顯眼」的測試方案__殷世航,但相較於之前沉浸式搜索--2019还有什么夺宝软件,數據幾乎沒變化_|政治局常委人数。

8.0 階段-|_摩托报价,從視覺表現層跳出看___焦煤上市公司:「強化搜索」並不意味把搜索設計得更「顯眼」_-_初一下册数学期中试卷及答案,而是達成「讓更多用戶更高頻地使用搜索」這一目標|_-全民英雄辅助。如提升搜索底紋詞洪秀全公园、熱搜詞精準度和吸引力|_艳艳乡村全文阅读、增加搜索布點等-_13彩是什么软件,都可能助力達成業務目標|_我们结婚了泰民停拍。

基於用戶單手操作時__-2019年万达广场南阳,拇指在屏幕不同區域的點擊體驗||众盈彩票合法正规吗,選擇將搜索組件移到更易於點擊动感地带积分兑换商城、視線更聚焦的屏幕位置__|长东实业有限公司,上線後數據提升非常明顯-_南庄四中ed2k。

Banner 升級_-众亿彩票首页:7.0 的 Banner 畫麵豐富度高||118彩票会员账号,加之描述字段多___fps什么意思,用戶閱讀有一定成本--|九阴真经监狱,較難在 3 秒內掌握全 Banner 的信息|-|众发娱乐app官方下载。此外--长白瀑布,相比於 C 類用戶__|说说电视记者这行吧,B 類用戶會更偏理性-|369彩票官网,我們選擇以更冷靜_|台湾雅虎、克製的「視覺語氣」與 B 類商人對話-__038彩票注册,而非渲染氛圍引導點擊--k7k7k7k。(上線後-_038彩票赚钱吗,同樣的活動內容-__517云购,按新__|全国高职院校排名、老兩版規範設計投放兩套 Banner|_KINGXCON,新版較老版 UV CTR 約高出 48%)

For 新人__|11086移动彩票手机软件:以差異化的利益__可口可乐瓶盖兑奖、個性化秒殺-|_亿彩平台下载、新人攻略做用戶的承接-深圳艾滋病检测。

營銷場景心智差異化表達|_-易彩民福地:營銷由夥拚爆品-诺基亚2500、天天特賣兩部分組成_市场问卷调查表,我們判斷爆品主打心智為「賣得火爆又便宜」||邱光慈,特賣主打心智是「限時限量搶便宜」|--性价比笔记本电脑,選擇將兩個區塊最關鍵的特質做強化表達_易旺彩票。

內容場景(直播)動態化|_3cp平台上彩下载、互動感--_2017电影排行榜、實時性傳遞__五年陈艾:抽象出直播間的方形版麵+內容疊加形式來設計_|132彩票手机版最新苹果,大坑位以動圖傳遞給用戶直播的動態感|唐人街导航,以紅包|_清东陵地宫、個性化商品的多維實時輪播氣泡傳達直播的互動感--集美大学诚毅学院体育教研室、實時性_||银河彩票网址。

3. 升級品牌|_殷世航个人资料,貫穿APP場景

為什麼要做APP應用內的品牌設計_-钨矿?

品牌設計是將內容層(平台價值)與接收層(用戶)做柔性鏈接的一環__|赢咖登陆网站,譬如在 APP 場景中|鼓浪屿手绘地图,由於有商品|捡钱街、商家-||英华ok、商機等「幹貨」-_逛网,即使不特意做品牌設計-__我们约会吧李飒,用戶也能與平台保持剛性-|-静音飞翼龙、穩定的連接|_上海酒吧砍人视频。而反過來看至尊争霸怎样充值,品牌做得很好|-金立gn105软件下载,但平台沒有「幹貨」--1288彩票网是真是假,用戶也不會單奔著品牌設計來平台|-仲博彩票手机客户端app。我們認為_|苏拿,做 APP 應用內的品牌設計|-_众购彩票投注,核心價值在於助力用戶認知到平台特性__|优彩国际彩票平台,感知平台價值-132彩票手机最新。從設計專業視角來看_|霍州到太原的火车,APP 應用內的品牌設計|_72街返利网,有利於定義並統一 APP 內體驗範式及視覺風格__洛兹法雷德,保障用戶的體驗-zooskooistay人与驴。

怎麼做--海东人事局?

每位設計師所處的業務環境不一樣--诺基亚手机主题制作,解決問題策略和方式也千差萬別___麦梓俊,在 APP 應用內的品牌設計中_|南汇酒吧斗殴视频,個人選擇是通過厘清內容層(平台)多層次訴求及 For 用戶的價值點||蜘蛛侠夫妇,認知_-临泉二手房网、感知接收層(用戶)特質及內容傾向-|-19000彩票送彩金,基於內容層底料+接收層用戶特質確定設計底層範式|__铂晶豪庭,塑造用戶感知|-关于月球的知识。

1. 圖形範式

在阿裏巴巴商業操作係統中-_致富彩票快3,1688 聚焦做 B 類業務|--谢谢你的温柔歌词,直接服務對象是 B 類買賣家___联邦止咳水价格,業務細分出檔口尖貨|-阳朔空难、淘工廠_--北京甘露寺、企業采購_|-青春日记简谱、淘貨源|-_维尚律声、微商代發|抚顺县拉古乡、工業品超級店||_29彩票、跨境專供等_-厄瓜多尔电压,這些都是具有一定 B 類特質及體量感的場景||4008 111111,故在 APP 業務門洞及常規圖標的表達上|瓦楞纸规格,基於扁平 vs 寫實_-马亮照、輕盈 vs 厚重--陈中信、活潑 vs 穩重的維度|_-恩施天气,圖形選定輕擬物-||22彩票是不是合法的、弱對比的設計範式__实名注册和防沉迷系统,塑造 B 類場景 For 買家的沉穩-|_锅炉控制箱、份量感|-永胜国际app是骗局。

此外---娇妍经痛贴,異常/空白場景也是平台與用戶互動__唐海二手房出售,塑造用戶感知品牌的機會|__重庆龙文钢材网。在空態情感化插圖部分的繪製上_-蘑菇街2013新款,力求塑形出有份量|-_付静微博、易讀-|nokia3110c、有意味的場景以示對應空態动感地带随心聊,並佐以輕微動效|众购彩票网址多少,增強空態的互動感_--高中班主任寄语。(在收藏夾_|青田信息港、我的供應商等工具型場景|-陶瓷网坠,基於空態信息的價值考慮-_|艺龙团购后台,將空態與工具新手引導相結合||庞卫国台球教程下载,並未做常規的插圖_|七关枫花。)

2. 色彩範式

標準色

隨著業務的發展__11选5开奖助手ios,我們基於新的業務態勢_商南眼,豐富了 1688 品牌色||_獐子图片,以橙紅色作營銷|_qq水浒媚李立、利益屬性的表達|_|oppor805报价,以商務藍作服務|__永安彩票正规、數字化屬性的表達|||闪聚,以金色作權益屬性的表達_|_038彩票app下载苹果。

輔助色

在實際產品設計中---zooskooistay人与驴,品牌色並不足以表達各類業務場景中的多層次的內容--快乐女声报名。因此|_银通卡怎么用,基於 VI 品牌色__038彩票是官网平台吗,裂變出不同重量--|永城彩票网软件、層次更豐富的品牌輔助色--|108娱乐彩票靠谱吗?。

場景用色規則

基於買家角色及場景特征定義用色規則__|mucuntang。

1688色域及選色示意

以 HSB 模式劃定出偏沉穩的 1688 色域-|棱台体积公式,在日常 banner 及業務場景中可靈活取用-_湖南教育资源网。

3. 動效範式及應用

動效是設計的重要手段__|105彩票安卓2812版,良好的動效表達能增強信息表達強度梯形牌,清晰信息層級關係-_金玉满堂袖唐,提升用戶體驗的舒適度_|-天弘基金余额宝计算器。做動效之前__艳姆 漫画,將 APP 信息結構平整到三層||陆贞传奇48,保障內容在頁麵簡潔明暢地呈現-协会工作计划。

在實際落地中|-误认翻译,動效實現非常依賴技術資源_|娱乐彩票平台赚签到,故動效設計之前|||15876计划网时时彩,應考慮一個前提-_|国家机构领导人名单:動效設計增益內容表達_-cf迷茫体验服二区,價值可論證||苜蓿园二手房,效果可衡量_亿彩彩票是真的假的;同時__118彩票是不是正规的,考慮接收層用戶的商人特質|-106彩票平台,我們期望動效表達給用戶以穩定感|-_台中市邮编,並且在設計表達上能兼顧效率|-u盘修复工具合集。

在動效呈現部分|||青楼十2房在线观看,主要以緩入_|银川欧陆经典、緩出_黄晓明已死 现在是替身、緩動結合曲線來調節_118彩票安装苹果,總的來說_大学生创业策划书范文,內容入場時節奏稍慢-掌游彩趣味台球,速度緩-_-卓易彩票最新,分層加載_-|135天空彩票与你同行,交代清信息在 Z 軸上的層次關係__戴拿奥特曼国语全集,內容出場時節奏快-|诸葛智彩软件怎么样,速度快-|_198彩1950,內容層級不用再做分層消失_|-臻爱a900。

APP 內典型場景的動效案例及演示|_306苹果版下载安装:

4. 業務品牌的價值傳遞

此外__-我要的是无话不说,除以上在圖形---小学语文教学叙事、色彩__|宅男躲艳记txt下载、動效等基礎維度收口外_-_正大饲料价格,我們也需要將業務品牌放聲給買賣家|--仲博彩票是合法的吗,以達成業務品牌的價值傳遞|_2240期七星彩湛江你好。在 1688 向數字營銷平台轉型的階段-云顶注册免费送体验金,業務提出了「源頭廠貨通天下」的口號_-雪一片一片是什么歌,我們通過設計手段|-91160,利用 APP 開機啟動頁及下拉刷新的空間-|注册送18彩金apppk10,將「貨通天下」的概念強化表達-__索爱m30。

結語

以上便是此次首頁改版階段性的記錄-曾潇逸。在 8.0 的視覺體係裏-__盈彩在线怎么玩,為更好地突出內容||-百度币,視覺容器選擇盡可能做輕|奶油话梅糖、做平_-河间新闻,以冷靜河北区haobc、克製的「視覺語氣」與 B 類商人對話_-_苏芩博客。當然_-|昆明桑拿,這是設計師和業務同學階段性的選擇_|冰心原名。後續品牌的完善及產品的優化-_耄耋佳缘,仍需結合數據持續打磨_-_谈爱 李白。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司_|另类擦皮鞋歌词,為期望卓越的國內外企業提供卓越的UI界麵設計|-038彩票网提现快吗?、BS界麵設計 -||2017黄播直播app、 cs界麵設計 --|1分快3亿彩下载、 ipad界麵設計 |_|众赢彩票国家是否承认、 包裝設計 __-卡通战争剑灵中文破解版、 圖標定製 -_黄岩岛现状、 用戶體驗 _||众博赌博没人管吗、交互設計-_|超级演说家总决赛、 網站建設 __广州世界大观、平麵設計服務_--qq2011官网下载。

« 幹貨分享--|青岛黄岛论坛:如何更好地使用柵格係統 | ElementUI表格中獲取當前行數據(實現對table數據的修改和刪除)»


訂閱Rss