?
柏年文化創意
以專業的視角、差異化的定位、簡約實效的設計提升品牌核心價值
咨詢熱線:+0755-25469700 ??13922831980+招聘
您當前的位置:主頁 > 公司動態 > 設計知識 >

產品迭代中,視覺設計如何做到繼承和升級

發布于:2018-12-18 11:00來源:bainianwh 作者:bainianwh 點擊:
一個產品通常會經歷從開始到成熟的多次迭代。在這個過程中,對于視覺設計師來說,如何在不斷變化的產品中保持設計的連續性,同時又能取得突破,應該是大多數人所面臨或正在面臨的問題。
本文將描述自己在產品中多次在修訂視覺延續方面的思考總結,以微供給市場多次修訂版本為例,探討如何在產品迭代中實現視覺繼承和升級。
首先,為什么視覺表示法要從迭代中繼承?
 
從用戶的角度來看,如果業務/產品的每個版本的設計性能完全不同,則用戶必須不斷地了解和學習新版本。同時,也不利于在用戶中建立企業/產品的品牌意識。一個成熟的設計表現,必須經過深入的思考,背后的表現層可以提取出可以繼承的設計延續的“道”。
 
例如,從iOS 6到iOS 7,從模擬到扁平的顛覆表示層。但仍有繼承的精華,如標志性的圓形圖標和流暢的互動體驗。
 
2.如何在迭代中繼承和提升視覺?
 
1.“展望未來”-分析你所鐘愛的業務/產品的當前設計狀況。
 
總設計師在兩個情況下負責業務/產品:
 
您是企業的第一位設計人員,而業務還沒有產生任何設計輸出。
 
在此之前,有設計師,并進行了一些設計結果。
 
如果你是第一個,恭喜你會跳過第一步。在接下來的案例中,作者面臨著第二種情況:當他接管業務時,一位設計師已經完成了一項設計。在這一點上,一個前設計師有必要理解先前設計的思想,并考慮預定設計是否能夠或不可能繼續應用于以后的設計中。
 
理解序言設計的概念對于避免以后設計中的一些問題具有重要意義。
 
仔細思考新設計是否應該存在很大的差異,避免由主要顛覆性設計輸出給用戶造成的認知差異;
 
當您想升級預訂設計時,可以輕松地面對來自其他來源的查詢。
 
案例:微型市場指南主頁
 
微供市場:微供市場是1688年以后的一站式社會分銷源服務市場,為社會電子商務(微商)集團提供獨家供應、代理服務和訂單管理。
 
當你接管微供應市場時,你從前一位設計師那里學到了當前頁面的設計理念:見下文。分析了當前設計理念中的視覺表現點,找出了存在的問題。通過“向內看”的第二步,確定觀念是否正確,是否繼承。
 
uisdc-al-20180328-1.jpg
 
2.“向內看”-理解業務的本質,從內部差異的角度思考表示層的設計。
 
如果一個業務/產品的視覺性能是在迭代版本中,那么每次都有一個破壞性的更改,而沒有絲毫的繼承。因此,幾乎可以肯定的是,在設計開始時,它一定是深層原因的“道”,為什么設計應該直接從表示層而不是形式上進行。
如何從商業的本質來理解設計連續性的道?
 
根據將要開始設計的業務/產品,問自己三個問題:
 
業務/產品與其他內容有哪些不同之處?
 
業務/產品的核心用戶的特點是什么?
 
如何將業務/產品和用戶串聯起來?
 
案例1:
 
您可以使用下面的圖表來幫助您不錯過,從左到右,貫穿每一行,您必須回答業務所表達的三個問題。以微觀供給修訂視覺設計前的思考為例,今年阿里所有業務線中提到的高頻詞“人、物、場”,所以我將把上述三大問題的內容改為“人、物、場”來回答。
 
與其他內容不同的商業/產品的特點是什么?-“區別于大型市場獨特的私人來源”。
 
業務/產品的核心用戶的特點是什么?
 
如何將業務/產品和用戶串聯起來?基于社會關系的事務場景
 
uisdc-al-20180328-2.jpg
 
根據答案,分別腦爆關鍵詞,更全面地描述了“人與貨場”的特點。將核心詞提取為設計關鍵字,并保留描述這些關鍵詞的擴展詞。
 
uisdc-al-20180328-3.jpg
 
對于用戶部分進行深入思考,從用戶肖像的多維精化出發,推導出色調性的設計原則。
 
案例2:
 
從微觀供應核心用戶的“人群特征、業務特征、工作環境”構建立體用戶形象。畫出三個視覺原則:柔軟、克制和統一:
 
軟:女寶母是主要群體,大多為個人兼職,做熟人生意,貨源追求不同品質。所以要避免集市的噪音。
 
約束:社會熟人的業務,如果是長期的,就必須加以限制。
 
統一:用戶切分移動端購買體驗,避免復雜的視覺和交互性能,盡可能統一,降低成本。
 
uisdc-al-20180328-4.jpg
 
最后,在深入挖掘業務問題和用戶需求的基礎上,得出了“濤”的設計方案。
 
uisdc-al-20180328-5.jpg
 
當“道”的業務/產品設計要開始有自己的理解的解釋,然后回顧以前的設計。首先,設計理念的一部分是“質量”和“貼近溫暖的心”,符合良好的供應和溫柔的概念。第二,前面的表示層,如白色排版、線性圖標等都可以使用,在新設計中繼續體現設計理念部分。

繼承和升級的第一個迭代版本:
uisdc-al-20180328-6.jpg
 
繼承與升級:
 
色彩:根據設計的核心“社會關系”,拓展社會人性、親密無間和溝通的生命力。結合1688年微供應的商業屬性,在原有紅色的基礎上添加了一種能給人溫暖和親密感覺的橙色黃色,并獲得了一種新的主色微色。根據“軟、約束”的原則,在界面性能上,控制主色彩使用區域,只在關鍵操作提示和特殊內容重點處應用。
 
如果我們不往內看,結果很可能是放棄暖色系統,使用微信的綠色作為主色。然而,經過反思,事實證明,雖然我們的用戶是“衍生”的,真正的定義是社交電子商務,微信只是目前更大的渠道之一。如果有一天微信的顏色發生了變化,或者不再是主渠道的衍生產品,那么我們的產品顏色應該調整嗎?
 
uisdc-al-20180328-7.jpg
 
圖標:圖形行業圖標已經保留,新的繪圖已經完成。每個角落都用圓角繪制,使每個圖標看起來更圓、更逼真、更親和。
 
uisdc-al-20180328-8.jpg
 
設計布局:在界面上,各板塊增加空白,采用灰色中性色塊和高質量的大圖突出市場良好的商品質感。每個活動主題,通過標準嚴格控制操作質量,采用大色塊和圖片同色系統配色,活躍界面氣氛。同時,根據“軟”原則選擇顏色。
 
uisdc-al-20180328-9.jpg
 
核心圖形元素的提?。涸谙掠武N售過程中關鍵場景的提取,圖形的提取和拆卸。通過圖形化升級的感官識別信息,利用三維轉移業務/產品的形狀和顏色的第一眼感覺。
 
uisdc-al-20180328-10.jpg
 
部分圖形應用:
 
uisdc-al-20180328-16.jpg

 
3.“提防”-保持對設計趨勢的熱情,并根據業務情況對升級進行反思。
 
每個視覺設計師都對設計趨勢有著天生的敏感性,并且總是想在新版本中使用趨勢。但并非所有流行的設計趨勢都能“取之不盡”。為了應對這種趨勢,我們應該辯證地看待當前企業的變化和需求。這是一個向內、向外看、不斷循環的過程。我們應該不斷地在工業的受歡迎程度和商業需求之間找到平衡。這也是對設計師的審美鑒賞能力的考驗,在設計熱情的內心深處,同時,清楚地知道什么能做,什么不能做。
 
案例:微型供應市場的第二代版本
 
 
通過收集和分析流行的設計趨勢:無框、大標題字體、塊間隔弱化,真實照片材料的應用都是當前界面設計中流行的應用趨勢。根據目前的業務發展情況:
用戶組的變化:逐漸成長,從單一的人管理開始有更多的從屬代理;
 
商業模式的轉變:從代理升級到分銷;
 
買方經營方式的變化:劃分買方等級,集中在腰部以上的操作,賦予買方相應的權益。
 
業務和用戶正在成熟,所以在視覺層的產品界面性能:減去以前過度的修飾,刪除以前的卡通圖標,一些以前表面浮動的圖形元素,更多的限制進入界面的骨頭血液。讓整體視覺表達提升到更成熟的基調。
界面趨勢收集:無框,大標題字體,塊間距弱化,真實照片材料。
 
總結
 
最后,以下圖總結了上述產品迭代中的繼承和升級經驗。
 
uisdc-al-20180328-18.jpg
 
視覺進化的一個成熟過程是從膚淺的視覺思維向邏輯分析思維的轉變。視覺進化的整個過程是由設計師對設計的內在熱情、對現有設計成果的自我反思和不斷審視,以及設計各個階段的結果經得起審查的前提。仍然能夠使產品看起來像新產品。
tag標簽:
------分隔線----------------------------
------分隔線----------------------------
分享到:
紅酒包裝_酒標設計_包裝設計_深圳市柏年文化創意發展有限公司


中國-深圳龍崗區平湖寶能智創谷B座505、506
TEL:+0755-25469700
Mobile:+ 139 2283 1980(郭女士)
QQ:83746497
QQ:83746497
郵編:518000

紅酒包裝_酒標設計_包裝設計_深圳市柏年文化創意發展有限公司
adc很赚钱吗 手机炒股app开发 平特肖公式规律专区 福建体彩网11选5遗漏 点击赚钱网站 福利生肖6十1走势图 澳洲幸运8开奖记录 福建11选五走势图爱乐彩 30选5开奖查洵 如何做公募基金的资产配置 手机版四川麻将