寫在前面
過去幾年中,我們的積極反應促使我們繼續探索和分析主要設計領域的新趨勢。盡管大多數趨勢都是去年發生的變化,但到2020年,我們仍有一些新趨勢值得追求。最重要的趨勢是與技術有關的趨勢,以及它們的發展趨勢,以及它們如何影響設計領域。
總體趨勢
2020年的主要趨勢動作設計與動畫, 對于2020年,我們認為運動設計是主要趨勢,因為我們在所有設計領域都遇到動畫,從小的交互到徽標和UI,一切都在變化。動畫內容正在進入現代世界,在現代世界中,書面內容沒有以前那么吸引人。 動作設計正確實施后,可使廣告系列的信息更快,更正確地傳達給受眾。
01. theQoos品牌插圖由 閔慶 02 軍團賽季 3由 尼克Scarcella 03. 溶劑-使大麻銀行公開賽由 BluBlu工作室 04 云服務(動畫圖標)由 亞歷山大Baleev 05. 病毒性肝炎由 昂布爾集體 , 蒂博ZELLER , 喬納森Plesel 06 。 UXC_Design2020_Project研究通過 Donerzozo
目錄
1. UI / UX
2.插圖
3.動態圖形
4.平面設計
5.基于技術的趨勢
6.包裝
7.版式
8.趨勢工具
1. UI / UX
1.1暗模式(Android Q和iOS 13)
暗模式是2020年的新趨勢,Android引入了兩種類型的暗模式,分別稱為“強制暗模式”和“系統暗模式”。微軟通過在其電子郵件應用程序中展示其暗模式擊敗了谷歌,但谷歌迅速推出了自己的針對Android 10的Gmail應用程序的暗版本模式。
有了介紹此更新的大公司,許多設計師將選擇在他們的應用程序或站點中使用暗模式,因此希望在來年看到越來越多的暗模式。
1.2粗體顏色
在過去的兩年(到2020年)中,強烈的色彩已成為重要的趨勢。大膽的色彩豐富,明亮,甚至極富活力。它們可以是主要或次要顏色。
01. EMART UX / UI可再生的通過 加X, 李寶藍 , Sabum卞 , 熙榮, 尤金全度妍 , ? ? ?, Bongho彩 02 NSH通過 索菲婭費多托娃 03. 埃爾多拉多賭場-移動Web UI,應用程序ü用 的Loredana PAPP-Dinea , Mihai Baldean , Milo主題 04. mmcité+網站由 工作室9 茲林,帕維爾Valek 05. 自動哈克系列#21-25由 安德烈福 06. Flipd應用程序通過 ESTUDIO PUM
1.3 UI中的插圖
多年來,插圖一直是設計中最強勁的趨勢之一。插圖是對概念的直觀解釋,可以使用戶更好地理解產品背后的思想。除了一些精美的插圖使這一概念獨具匠心外,它們還可以更快地傳達信息。
01. 海妖重新設計,以 西爾Theyssens , 安東尼科拉德 02 浮雕-醫療項目由 馬丁Pankiewicz 葛爾若, 米沃什Po?arkowski 03. abuk:圖書封面設計有聲書商店到 謝爾蓋Valiukh, Tubik工作室 04.我llustration系統GOL到 ESTUDIO PUM 05 。 智能家居的應用程序- IOS到 瑪麗亞Osadcha 06.斯基林貿易(skilling.com) - Loredana酒店PAPP-Dinea , 米哈伊Baldean
1.4講故事
設計中的講故事是關于幫助用戶在平臺上的旅程,從而使他的體驗盡可能輕松和流暢(在UX設計中)。一個好的故事可以幫助用戶更輕松地了解產品。為了講述一個故事,我們可以使用一個特別創建的角色,將這個角色賦予他個性,我們創建一個故事和一個沖突,最終由我們的產品(UI設計)解決。這是產品設計中講故事的基礎。講故事在UI和UX中都使用,并且基于相同的原理,但實現方式有所不同。
01. 余吳-旅行計劃應用由 朱莉張庭 02. UX / UI | 食品外賣應用由 康斯坦丁Seredkin 03. COOC通過 cuneyt仙
1.5動畫圖形和微交互
正如我們所說,動態圖形是今年的趨勢,它在UI設計中也有很強的表現,它為插圖增添了力量,使創意更易于吸收并保留在用戶的記憶中。
微交互在2018年成為第一流,但這一趨勢值得在2020年關注。它們是UI設計中極其重要的趨勢,這使基本應用程序/網站與非凡的應用程序/網站有所不同。微交互在使用戶了解系統的工作原理并引導其獲得更好的體驗方面起著至關重要的作用。
如果您是UI設計師,但尚未在工作中使用微交互,建議您這樣做,因為到2020年,沒有UI的任何UI設計都將是非?;镜摹?nbsp;
01. UI / UX | 智能藥房應用的 阿納斯塔西婭中號, 謝爾蓋Nikonenko UX 02. 氣候與動物:滅絕危機網站UI / UX 由 丹尼爾·譚, 達芙妮龍 03 飛素食者由 帕特里夏賴納斯 04. UKRPOSHTA。烏克蘭國家郵政局的移動應用程序,伊洛娜·金( Ilona Kim) 05 . Tagir Tikeev 的聾人報警應用程序
1.6用戶界面中的視頻
到2020年,信息必須非??斓氐竭_用戶手中,最好通過視頻內容來完成。您選擇通過動畫或經典電影來解釋產品,視頻內容對于任何網站或應用程序都是必不可少的。
1.7功能
UI設計中的一個重要部分是功能,即,根據其目的和功能選擇每個元素。許多人認為您必須在設計和功能之間進行選擇,但是在新技術的幫助下,這兩種技術可以很好地融合在一起并相互補充。設計負責引起對站點或應用程序的注意,其功能使體驗變得更輕松。它使用戶可以更快地找到信息。
01.斯基林貿易(skilling.com) - Loredana酒店帕普用餐 , 邁克爾Baldean
1.8注意細節
在UI設計中,對細節的更多關注非常重要。從按鈕,圖標,加載到導航到細微的細節,都可以打造出非凡的設計。隨著新技術的出現,我們在UI中必須注意的細節始終在變化。
在明年,我們將看到越來越少的按鈕,以及更多基于手勢的導航。例如,后退按鈕(Android的導航常用)在Android 10中正式消失。
01. FLYR的視覺形象和營銷網站的 Ramotion
02. 鬧鐘應用聾人通過 Tagir Tikeev
1.8漸變
幾年來,我們一直在談論設計中的漸變,這種趨勢在2020年將繼續保持強勁,因此值得一提。新鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標,插圖,甚至用于排版。
01. Wavecut - IOS應用程序通過 Eleken局 02. 抗憂郁癥的應用程序-產品設計(UX / UI)由 安娜Arutiunian
03. 保羅回腸-電影音樂作曲家,制作人,DJ,Perfomer 通過 的Loredana PAPP-Dinea , 米哈伊Baldean , 米洛主題 04. ITEXIA通過 下一頁局 , 亞歷克斯海鷗 , Jegor Walowski
2.插圖
2.1角色設計
角色設計包括定義一個支持整個概念的角色。最重要的是,通過繪圖,設計師向角色灌輸了強烈的個性。您在應用程序或網站中遇到的虛擬助手是角色設計的一個很好的例子。
01. 新微小的事情?兒童圖畫書由 Vuon插圖 , 榮阮 , 榮范 02 的Adobe X Createfulness由 邁特弗蘭基, 馬蒂厄Tarwane 03。 3D人物V2由 安東尼奧·佩蒂特Cwirko 04. Malayali由 丹尼·何塞
2.2紋理
插圖和紋理很好地結合在一起,可以創造出令人難忘的構圖。從粒狀紋理到預制的筆觸,您可以找到許多想法來為插圖添加紋理,也可以手動創建它們。瀏覽網絡時,您可以找到許多可以在插圖中使用的紋理,預制筆刷和工具。
01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀
2.3平面插圖
在過去的幾年中,我們到處都可以看到平面插圖。它們仍然處于趨勢中,但現在有了一個新的組成部分:對每個元素應用細線。大多數藝術家都選擇使用細的黑色筆觸,但也可以將其上色,使其陰影比所涉及的對象暗。
01. BILLY KENNY -剛剛為音樂通過 桑戈BANG 02 Babelia - Lecturas對維拉諾由 米格爾·安赫爾Camprubí 03. 拳擊貓-第一滴血由 Felms 04. COUSCOUS STUDIO | 解釋器VIDEO 由 哈立德abdelazi ?
2.4等軸測圖
是的,等軸測圖仍然在這里。它們主要可以在UI設計中找到。隨著人們對加密貨幣的興趣不斷增加,這種趨勢似乎已經生效,但是在2019年它已經發展了,現在我們在其他業務領域中發現了這一趨勢。
01. 龐克市由 溫祚_ 02 FastCompany -等距號由 阿圖爾Tenczynski 03和05. 抗體亞型由 馬里奧·德?梅耶爾 04. 松弛插圖由 京張
2.5 3D
隨著效率越來越高的軟件和工具的出現,3d渲染已逐漸發生變化。3D插圖非常受歡迎,因為與2D插圖不同,它提供了更逼真的圖像。
01. 游戲巴伊亞之家由 Miagui 02 天平 由 卡韋薩Patata工作室 03. 城堡毀滅者由 穆罕默德Chahin 04. Eyoo家庭3D插圖由 Baianat 05. 個人插圖第1卷由 巴勃羅·馬林 06. 一個人旅行通過 亂伊萊恩
2.6超大膽的色彩
大膽的顏色非常適合插圖。它們營造出歡樂的氛圍,使角色脫穎而出,并在圖像背后展現故事。
01. 瑪莎·希肖娃(Masha Shishova)攝于莫斯科的 STRTFD咖啡壁畫 02. 作家- 利奧·夏目( Leo Natsume)的移動互聯網思想 03. 可口可樂圓罐插圖由塔尼亞·雅庫諾娃( Tania Yakunova)
3.動態圖形
3.1 3D視頻
在2020年,無法想象沒有3D設計的運動。設計的這個分支打開了一個世界的大門,在這個世界中,只有想象力是極限。我們可以在廣告,電影,游戲,廣告活動等中找到3d。
01. 龐克市由 溫祚_ , 視覺設計藝術的影響
3.2視頻+動畫插圖(混合媒體)
拍攝的視頻,動畫插圖以及有時是靜止的照片的結合可以產生非凡的效果。2d或3d插圖可創建令人難忘的視頻,從幾行運動到3D真實人物甚至是現實生活中不存在的復雜視覺效果。
01. Coppel /回到學校通過 大量工作室 02 PWR 由安娜·霍查, Edvina元
3.3 2D動畫-說明性視頻
2D動畫專注于創建故事和角色,并在創作過程中使用矢量。當您想要廣告系列或產品的說明性視頻時,2D可能是理想的選擇。在一個總是忙碌而又沒有時間閱讀的世界中,說明性視頻對于任何網站都是必不可少的。
01. Freelive 由 工作室Infografika , 謝爾蓋·薩多斯基 , 阿納斯塔西婭Alterka , Arsentiy Lesnik賓館 , 尤里·阿姆斯特朗 , 阿林好, 喬治VALD ,馬克西姆Tleubaev
3.4動畫徽標
您已經了解到動畫是2020年的“必備”,為了保持競爭力,我們還必須將它們集成到徽標設計中。許多公司已開始對其徽標進行動畫處理,以引起人們的注意。這也是徽標設計的主要趨勢。
01. 杯茶由 維多利亞伍 02 - 07. 運動野獸?Logomachine。動畫標志的 運動設計學院, 維克托Villamarin的, 波格丹·杜米特留, Logomachine .NET , 亞歷山大·庫茲涅佐夫, 扎克李, 丹尼斯Siurin , 斯坦尼斯拉夫·馬爾琴科, 莉扎薇塔Tsareva , Supremus Levenus , 安東·福明, 埃米爾Khafizov , 膽堿哈達
3.5混合動畫2D和3D集成
這一趨勢不是一個新趨勢,但絕對值得一提。混合動畫就是使用為此創建的特定軟件將2D與3D結合在一起。
4.平面設計
4.1平面設計中的3D
盡管2d壟斷了設計的這一分支,但3d可以為最終概念添加額外的內容。3d渲染可以采用插圖,動畫或字體的形式。
01. 畫像由 費爾南多·多明格斯Cózar 02. NASA | 太空時代的 工作室-JQΔ 03. 美國宇航局X BBC | 不自然世界的 工作室,JQΔ
4.2雙色
精益求精的概念可以完美描述這一趨勢,設計師在其中創造出大膽的元素,并帶有優雅的手感和強烈的對比。這種趨勢是創建更易于訪問的打印的理想選擇,因為某些打印技術如果顏色更多,則價格會更高。
01. 冬季公開賽'18由 Kinoto Studio, Romina Rios, Luc Geoffroy 02 Synticate©由 斯捷潘索洛德科夫 03. TIGER在博物館由 de_form工作室, 諾拉demeczky , 的Eniko DERI 04. 刻字系列IX由 拉斐爾·塞拉
4.3光學感知藝術
歐普藝術作品是抽象的,有許多知名的黑白作品。通常,它們給觀看者留下動感,隱藏的圖像,閃爍和振動的圖案或腫脹或翹曲的印象。(來源:wikipedia.org)。
這種趨勢給人以動靜的印象,但是以一種靜態的方式。如果要實現在印刷海報中移動圖形的想法,這是最合適的方法。
01 02 東京電影節共混物由 梅賽德斯巴桑 , 的Adobe住 03. 海報-第一卷由 Xtian米勒
4.4平面設計中的插圖
插圖在設計的所有領域都非常重要,因此我們在圖形設計中也可以找到它們。2D插圖在現在已經非常流行了幾年,并且即使在2020年,也將繼續成為設計師的最愛。
01. GOOSE赫爾-海報由 Ewelina鵝 02 CAT酒吧和舞廳/ 2019至 kissmiklos, Eszter薩拉
4.5動畫海報
動畫無處不在,我們在設計的各個領域都可以找到它們,當然它們也存在于數字海報中。動畫可以將2D與3D混合在一起,效果令人著迷。
01 節地鐵地鐵由 Bzoing, 維吉尼貝達德 02. 失敗的Windows由 皮埃爾Kleinhouse, 轄Zivony
4.6復古合成波
復古合成波是一種在80年代出現的趨勢,但一旦好萊塢開始發行該十年的電影后便開始重新出現。隨著《陌生人事物》系列的成功,這一潮流再次開始流行。
01. 雞尾酒和夢想通過 Gjorgji Despodov 02. CINEMAX由 杰森巴爾巴 03.奇怪的事情(Netflix.com)
4.7瑞士設計,達達主義,包豪斯
20世紀最重要的圖形設計運動始終是最好的設計師的靈感來源。這些樣式值得一提,因為它們始終是的,遵循它們所施加的規則幾乎不可能在設計中犯錯誤??偟膩碚f,這些運動強調版式,無襯線字體(Helvetica于1957年在包豪斯舞臺上創建),幾何形狀,簡單的線條,體積和顏色。
01. 瑞士海報01(版式方面)由 Mehman Mammedov 02. 黃視VOL.3通過 維奧萊納齊名
4.8大的不間斷彩色空間
大型,不間斷的色彩空間將在明年成為非常流行的趨勢。它們與大膽的字體搭配使用,可以在圖形設計,產品設計以及ui中找到。
01. Synticate©由 斯捷潘索洛德科夫 02 Havaianas人字品牌內容由 約翰Vernizzi 03. Kekkil?-BVB的 Kurppa Hosk
4.9超極簡主義
極簡主義的設計僅使用必需品,非常有限的調色板和簡單的形狀來打造令人難忘的身份。放棄多余的元素,使所有設計項目都有目的。要創建超極簡主義的設計,您需要使用盡可能多的白色/負空間,簡單的配色方案和一些基本的幾何形狀。
01. Heim雜志,第3頁, Sasha Yaguza撰寫 02. Andrei Gheorghe- DADA-通過 moodley品牌標識發布
5.基于技術的趨勢
技術通過智能設備和嶄新的理念正在徹底改變我們的生活。這些新技術使設計師已經開發出進入當前趨勢的新功能。人工智能,機器學習,虛擬現實和增強現實正在影響設計師的思維方式和創作方式。
5.1增強現實的移動應用
隨著蘋果和谷歌推出自己的AR開發平臺ARKit和ARCore,很明顯,整個世界將面向增強現實技術。
許多大品牌已經在其應用程序中采用了這項技術,而那些尚未采用這種技術的公司必須認真考慮如何使用戶在這種新現實中與之交互。
有一些AR交互可用于創建直觀的應用程序。第一個是將應用程序固定在手機屏幕上時。另一個是AR UI與用戶周圍的環境相關聯時。最常用的互動方式之一
是當UI與對象相關并通過掃描特定項目觸發時。該動作將數字動畫連接到特殊的“標記”。
有關更具體的AI規則,請閱讀Apple指南,以提供“將真實的虛擬對象與現實世界無縫融合的沉浸式,引人入勝的體驗”。
5.2 AI,ML,聊天機器人和虛擬助手
聊天機器人是一種 通過聽覺或文本方法 進行 對話的 軟件。[1] 此類程序通常旨在令人信服地模擬人類作為對話伴侶的行為,盡管截至2019年,它們仍遠遠不能通過 圖靈測試。[2] 資料來源:維基百科
人們還不習慣與AI對話,因此設計師(和開發人員)的工作很大一部分是使流程簡單并建立信任。他們需要幫助人們了解系統可以做什么以及如何使用它。
使用AIML(人工智能標記語言)設計和編寫腳本聊天機器人,是出色的UX設計人員的魔力可以發揮作用的地方。
大多數使用聊天機器人的公司都選擇說明助手來為AI做鬼臉。以下是一些在其UI設計中使用聊天機器人的品牌:Spotify,星巴克,萬事達卡,絲芙蘭,Lyft,必勝客。
5.3 VR
大多數人將VR與游戲行業聯系在一起是有充分理由的,但是隨著所有大型科技公司開發VR套件和應用程序,我們可以肯定地說,我們將發現使用和享受這項技術的新方法。VR已經用于教育,醫療保健,旅游,房地產或建筑。
5.4語音用戶界面(VUI)
語音用戶界面(VUI)使用語音識別 來理解語音命令和問題,通常是文本到語音以播放答復,從而 使語音與計算機的人機交互成為可能 。語音命令設備(VCD)是受語音用戶界面控制的設備。資料來源:維基百科
去年,使用互聯網連接的設備的人中有40%每月至少使用一次語音助手,與去年相比,這一數字增加了10%。
6.產品設計
6.1包裝中的圖案
在過飽和的包裝市場中,很難創造出可以脫穎而出的新產品,因此設計師要回到根源并創造出使產品在擁擠的零售貨架上脫穎而出的樣式。幾何,花卉,浪漫或單色圖案是任何產品包裝的大膽選擇。
01. 飛行山羊咖啡由 妮可LaFave 02. VITA SPA皮膚 由 DWYW 03. 巧克力包裝設計由 算術 04. 100手繪無縫的圖案和形狀 的 Arseny Samolevsky
6.2包裝插圖
插圖一直是包裝設計中的重要元素。通過他們,我們可以講述一個故事,使目標受眾可以更好地理解該概念背后的歷史。平面插圖已經存在了數十年,并且很可能會一直處于流行趨勢。
01. 布里格斯原件由 熙宰金 02 天鵝絨咖啡杯 由 安東Malishev, 呵呵卡羅拉 03. 廢物不包括廚房-品牌打造的 嘗試和真正的DESIG ň04 家,甜蜜的壽司兒童 通過 精明的機構, 馬里亞納星火 05. Cerveza塔Maleante通過 Antonay
6.3留白
極簡主義是設計的基本原則,而今天它又是新事物。它放棄了設計中不需要的所有內容,并用負空間代替了它。這種趨勢將功能帶到了最前沿,并專注于簡潔的設計,使版式脫穎而出。
01. 香味精油 由Y u型簡林, 黃惡嗯-祥 , 智泰蓮 02. 重塑品牌理念,為BodriPincészet由 克里斯托夫Gáthi
6.4單色和兩種顏色
首先,在調色板中僅使用1或2個色調似乎有些限制,但它們可以創建非常強烈的視覺識別感。僅使用一種或兩種顏色,就可以保持簡約的外觀,放棄所有多余的東西。結果是精美,高雅的產品令人賞心悅目。
01. Zerbet冰糕由 才林賈爾斯 02. 貝利啤酒 由 埃德大廳 悉尼, 葉卡捷琳娜Leontyeva , 波阿斯孫
6.5大膽的顏色
大膽的顏色和漸變仍然是非常強烈的趨勢,這種趨勢將在2020年持續。使用這些顏色,您可以創建令人難忘的產品。
01. 極簡主義和享樂主義:Fabula Branding 重新設計了 千年品牌
02 紋身商城 通過 Openmint工作室, 葉卡捷琳娜Teterkino , 煙, 葉戈爾Kumachov
03. Organic by Larissa Kendrik 和 加布里埃爾· 沙茨曼
04. VIZOU -老花眼鏡 的 工作室開頭語, 阿克塞爾杜馬克
05. 包裝的調味開心果由 米拉Katagarova
6.6注意細節(受新藝術風格啟發)
注重細節的包裝比以往任何時候都更受歡迎。設計師選擇這種趨勢是因為它賦予了產品真實性。這種趨勢使我們以現代方式思考經典。
01. HYWILDE由 查德·邁克爾·工作室 02 AMSTEL KARGO IPA通過 卡帕羅設計船員
03. 大島咖啡烘焙-咖啡咬傷的 農場設計
6.7包裝中的講故事
到2020年,品牌將不得不重新考慮其產品和包裝。品牌必須講述一個故事,以幫助客戶體驗產品的本質。這可以通過為包裝創建視覺和敘述身份來實現。
01. 喙接通過 骨干品牌推廣 02. Colorea用t 骨干品牌
7.版式
7.1粗體印刷
粗體印刷術是設計中的重要趨勢,它取代了圖像作為主要元素。勇敢的排版可以在網頁設計和圖形設計中發揮作用。
01. 埃里克·林格(Eirik Lyng),作者: 埃里克· 赫斯特雷(ErikHerrstr?m); 02. 包豪斯(Bauhaus_100)(x3),作者: BunkerType(JesúsMorentin)
03. UCCA當代藝術中心北京由 布魯斯·莫設計(BMD) ,耶勒馬雷夏爾
7.2小寫
越來越多的應用程序使用完全小寫的文本,非常易于閱讀,并且完美地融入了簡約和現代的設計中。在明年,我們絕對必須關注這一趨勢。
01. Autea品牌和網頁設計由 米哈爾Markiewicz 02 山大食品公司 CI由 臣藤田/ tegusu公司 03. Aquality品牌的 哈坎Fidan的
7.3自定義字體
盡管自定義字體沒有什么新意,但我們將看到這種趨勢越來越多地出現在設計中,尤其是在徽標和海報中。這種做法在大品牌中更常見,因為生產專用字體可能會非常昂貴,但是設計人員可以對現有字體進行少量調整,結果可能會非常獨特。
01. Think8全球研究院通過 勃洛克設計 02 ZINEZ?//設計周期由 芭芭拉·卡托納 , 媒體與設計系埃格爾 03. 式設計'19通過 TRüF創意 04. Cako字體由 維奧萊納齊名
7.4動力學排版
就像我們說的那樣,動畫在設計中無處不在,因此在排版中也很常見。動態字體使用小的和簡單的交互作用來移動和移動屏幕上的字體。這種簡單的技術可以處理文本并創建最終產品,該產品保留在查看器的內存中。
01和02. Grafika , Gimmick Studio設計 。03&04. 增強現實與動作排版,作者: Alex Slobzheninov
7.5堆疊字體
堆疊文本可能是一種現代化的解決方案,可以吸引您注意基本信息。我們可以在網頁設計,應用程序設計和圖形設計中看到這種趨勢。
01. L'嗡通過 Atipus巴塞羅那 02 期刊由 杰瑪馬奧尼 03. 海報收藏| VOL.8由 羅馬發表 04. SMLXL由 梅麗莎Baillache, 墊新郎, 杰森·利特爾
8.趨勢工具
8.1 Adobe Spark
Adobe Spark是Adobe Systems 開發的 用于移動和Web的媒體創建應用程序的集成套件 。[1] 它包含三個獨立的設計應用程序: Spark Page, Spark Post和 Spark Video。(來源:WIkipedia)
他的免費Adobe Spark Web應用程序可與Spark Page,Spark Post和Spark Video iOS移動應用程序同步 ,從而使用戶可以從任何設備創建,編輯和共享其視覺故事。
[3] 這三個設計應用程序允許用戶創建和設計可用于企業,教育,社交媒體營銷人員等的視覺內容。[4] Spark Gallery突出顯示了使用該應用程序的人們所做的不同項目。使用這三個應用程序時,用戶可以導入圖片或搜索圖片。
8.2繁殖
Procreate是 由Savage Interactive針對iOS開發和發布的 用于 數字繪畫的 光柵圖形編輯器 應用程序。針對iPad的藝術可能性而設計 ,并且適合從初學者到專業人士的藝術家。
它提供130多種逼真的畫筆,多層, 混合模式, 蒙版, 過程視頻的4K分辨率導出 , 自動保存以及許多其他經典和原始的 數字藝術 工具。除光柵圖形外,該軟件的編輯和渲染文本和矢量圖形能力有限 。(來源:Wikipedia)Procreate是2018年App Store上最暢銷的應用程序。
8.3 Adobe XD
Adobe XD是 由Adobe Inc開發和發布的 用于 Web應用程序 和 移動應用程序的基于矢量的 用戶體驗設計工具。它適用于 macOS 和 Windows,盡管有適用于iOS 和 Android的版本 可幫助直接在移動設備上預覽工作結果。XD支持 網站線框圖,并創建簡單的交互式點擊型原型。(來源:維基百科)
作者授權
總結
每一年每一個時間段都會有新的趨勢,學會的辯證的眼光去看待便是最大的智慧。世界一直都在變,趨勢也是。保持學習和探索的心不變就是對自己熱愛的事情最好的回應,念念不忘,必有回響。共勉!
轉自:站酷-木七木七
本期嘉賓
(按發言順序)
商業行為的本質就是榨取剩余價值。
文章來源:UI中國
寫在前面
過去幾年中,我們的積極反應促使我們繼續探索和分析主要設計領域的新趨勢。盡管大多數趨勢都是去年發生的變化,但到2020年,我們仍有一些新趨勢值得追求。最重要的趨勢是與技術有關的趨勢,以及它們的發展趨勢,以及它們如何影響設計領域。
總體趨勢
2020年的主要趨勢動作設計與動畫, 對于2020年,我們認為運動設計是主要趨勢,因為我們在所有設計領域都遇到動畫,從小的交互到徽標和UI,一切都在變化。動畫內容正在進入現代世界,在現代世界中,書面內容沒有以前那么吸引人。 動作設計正確實施后,可使廣告系列的信息更快,更正確地傳達給受眾。
01. theQoos品牌插圖由 閔慶 02 軍團賽季 3由 尼克Scarcella 03. 溶劑-使大麻銀行公開賽由 BluBlu工作室 04 云服務(動畫圖標)由 亞歷山大Baleev 05. 病毒性肝炎由 昂布爾集體 , 蒂博ZELLER , 喬納森Plesel 06 。 UXC_Design2020_Project研究通過 Donerzozo
目錄
1. UI / UX
2.插圖
3.動態圖形
4.平面設計
5.基于技術的趨勢
6.包裝
7.版式
8.趨勢工具
1. UI / UX
1.1暗模式(Android Q和iOS 13)
暗模式是2020年的新趨勢,Android引入了兩種類型的暗模式,分別稱為“強制暗模式”和“系統暗模式”。微軟通過在其電子郵件應用程序中展示其暗模式擊敗了谷歌,但谷歌迅速推出了自己的針對Android 10的Gmail應用程序的暗版本模式。
有了介紹此更新的大公司,許多設計師將選擇在他們的應用程序或站點中使用暗模式,因此希望在來年看到越來越多的暗模式。
1.2粗體顏色
在過去的兩年(到2020年)中,強烈的色彩已成為重要的趨勢。大膽的色彩豐富,明亮,甚至極富活力。它們可以是主要或次要顏色。
01. EMART UX / UI可再生的通過 加X, 李寶藍 , Sabum卞 , 熙榮, 尤金全度妍 , ? ? ?, Bongho彩 02 NSH通過 索菲婭費多托娃 03. 埃爾多拉多賭場-移動Web UI,應用程序ü用 的Loredana PAPP-Dinea , Mihai Baldean , Milo主題 04. mmcité+網站由 工作室9 茲林,帕維爾Valek 05. 自動哈克系列#21-25由 安德烈福 06. Flipd應用程序通過 ESTUDIO PUM
1.3 UI中的插圖
多年來,插圖一直是設計中最強勁的趨勢之一。插圖是對概念的直觀解釋,可以使用戶更好地理解產品背后的思想。除了一些精美的插圖使這一概念獨具匠心外,它們還可以更快地傳達信息。
01. 海妖重新設計,以 西爾Theyssens , 安東尼科拉德 02 浮雕-醫療項目由 馬丁Pankiewicz 葛爾若, 米沃什Po?arkowski 03. abuk:圖書封面設計有聲書商店到 謝爾蓋Valiukh, Tubik工作室 04.我llustration系統GOL到 ESTUDIO PUM 05 。 智能家居的應用程序- IOS到 瑪麗亞Osadcha 06.斯基林貿易(skilling.com) - Loredana酒店PAPP-Dinea , 米哈伊Baldean
1.4講故事
設計中的講故事是關于幫助用戶在平臺上的旅程,從而使他的體驗盡可能輕松和流暢(在UX設計中)。一個好的故事可以幫助用戶更輕松地了解產品。為了講述一個故事,我們可以使用一個特別創建的角色,將這個角色賦予他個性,我們創建一個故事和一個沖突,最終由我們的產品(UI設計)解決。這是產品設計中講故事的基礎。講故事在UI和UX中都使用,并且基于相同的原理,但實現方式有所不同。
01. 余吳-旅行計劃應用由 朱莉張庭 02. UX / UI | 食品外賣應用由 康斯坦丁Seredkin 03. COOC通過 cuneyt仙
1.5動畫圖形和微交互
正如我們所說,動態圖形是今年的趨勢,它在UI設計中也有很強的表現,它為插圖增添了力量,使創意更易于吸收并保留在用戶的記憶中。
微交互在2018年成為第一流,但這一趨勢值得在2020年關注。它們是UI設計中極其重要的趨勢,這使基本應用程序/網站與非凡的應用程序/網站有所不同。微交互在使用戶了解系統的工作原理并引導其獲得更好的體驗方面起著至關重要的作用。
如果您是UI設計師,但尚未在工作中使用微交互,建議您這樣做,因為到2020年,沒有UI的任何UI設計都將是非?;镜摹?nbsp;
01. UI / UX | 智能藥房應用的 阿納斯塔西婭中號, 謝爾蓋Nikonenko UX 02. 氣候與動物:滅絕危機網站UI / UX 由 丹尼爾·譚, 達芙妮龍 03 飛素食者由 帕特里夏賴納斯 04. UKRPOSHTA。烏克蘭國家郵政局的移動應用程序,伊洛娜·金( Ilona Kim) 05 . Tagir Tikeev 的聾人報警應用程序
1.6用戶界面中的視頻
到2020年,信息必須非常快地到達用戶手中,最好通過視頻內容來完成。您選擇通過動畫或經典電影來解釋產品,視頻內容對于任何網站或應用程序都是必不可少的。
1.7功能
UI設計中的一個重要部分是功能,即,根據其目的和功能選擇每個元素。許多人認為您必須在設計和功能之間進行選擇,但是在新技術的幫助下,這兩種技術可以很好地融合在一起并相互補充。設計負責引起對站點或應用程序的注意,其功能使體驗變得更輕松。它使用戶可以更快地找到信息。
01.斯基林貿易(skilling.com) - Loredana酒店帕普用餐 , 邁克爾Baldean
1.8注意細節
在UI設計中,對細節的更多關注非常重要。從按鈕,圖標,加載到導航到細微的細節,都可以打造出非凡的設計。隨著新技術的出現,我們在UI中必須注意的細節始終在變化。
在明年,我們將看到越來越少的按鈕,以及更多基于手勢的導航。例如,后退按鈕(Android的導航常用)在Android 10中正式消失。
01. FLYR的視覺形象和營銷網站的 Ramotion
02. 鬧鐘應用聾人通過 Tagir Tikeev
1.8漸變
幾年來,我們一直在談論設計中的漸變,這種趨勢在2020年將繼續保持強勁,因此值得一提。新鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標,插圖,甚至用于排版。
01. Wavecut - IOS應用程序通過 Eleken局 02. 抗憂郁癥的應用程序-產品設計(UX / UI)由 安娜Arutiunian
03. 保羅回腸-電影音樂作曲家,制作人,DJ,Perfomer 通過 的Loredana PAPP-Dinea , 米哈伊Baldean , 米洛主題 04. ITEXIA通過 下一頁局 , 亞歷克斯海鷗 , Jegor Walowski
2.插圖
2.1角色設計
角色設計包括定義一個支持整個概念的角色。最重要的是,通過繪圖,設計師向角色灌輸了強烈的個性。您在應用程序或網站中遇到的虛擬助手是角色設計的一個很好的例子。
01. 新微小的事情?兒童圖畫書由 Vuon插圖 , 榮阮 , 榮范 02 的Adobe X Createfulness由 邁特弗蘭基, 馬蒂厄Tarwane 03。 3D人物V2由 安東尼奧·佩蒂特Cwirko 04. Malayali由 丹尼·何塞
2.2紋理
插圖和紋理很好地結合在一起,可以創造出令人難忘的構圖。從粒狀紋理到預制的筆觸,您可以找到許多想法來為插圖添加紋理,也可以手動創建它們。瀏覽網絡時,您可以找到許多可以在插圖中使用的紋理,預制筆刷和工具。
01. JDE - Common Grounds by Marianna Tomaselli 02. Japan by 飯 太稀
2.3平面插圖
在過去的幾年中,我們到處都可以看到平面插圖。它們仍然處于趨勢中,但現在有了一個新的組成部分:對每個元素應用細線。大多數藝術家都選擇使用細的黑色筆觸,但也可以將其上色,使其陰影比所涉及的對象暗。
01. BILLY KENNY -剛剛為音樂通過 桑戈BANG 02 Babelia - Lecturas對維拉諾由 米格爾·安赫爾Camprubí 03. 拳擊貓-第一滴血由 Felms 04. COUSCOUS STUDIO | 解釋器VIDEO 由 哈立德abdelazi ?
2.4等軸測圖
是的,等軸測圖仍然在這里。它們主要可以在UI設計中找到。隨著人們對加密貨幣的興趣不斷增加,這種趨勢似乎已經生效,但是在2019年它已經發展了,現在我們在其他業務領域中發現了這一趨勢。
01. 龐克市由 溫祚_ 02 FastCompany -等距號由 阿圖爾Tenczynski 03和05. 抗體亞型由 馬里奧·德?梅耶爾 04. 松弛插圖由 京張
2.5 3D
隨著效率越來越高的軟件和工具的出現,3d渲染已逐漸發生變化。3D插圖非常受歡迎,因為與2D插圖不同,它提供了更逼真的圖像。
01. 游戲巴伊亞之家由 Miagui 02 天平 由 卡韋薩Patata工作室 03. 城堡毀滅者由 穆罕默德Chahin 04. Eyoo家庭3D插圖由 Baianat 05. 個人插圖第1卷由 巴勃羅·馬林 06. 一個人旅行通過 亂伊萊恩
2.6超大膽的色彩
大膽的顏色非常適合插圖。它們營造出歡樂的氛圍,使角色脫穎而出,并在圖像背后展現故事。
01. 瑪莎·希肖娃(Masha Shishova)攝于莫斯科的 STRTFD咖啡壁畫 02. 作家- 利奧·夏目( Leo Natsume)的移動互聯網思想 03. 可口可樂圓罐插圖由塔尼亞·雅庫諾娃( Tania Yakunova)
3.動態圖形
3.1 3D視頻
在2020年,無法想象沒有3D設計的運動。設計的這個分支打開了一個世界的大門,在這個世界中,只有想象力是極限。我們可以在廣告,電影,游戲,廣告活動等中找到3d。
01. 龐克市由 溫祚_ , 視覺設計藝術的影響
3.2視頻+動畫插圖(混合媒體)
拍攝的視頻,動畫插圖以及有時是靜止的照片的結合可以產生非凡的效果。2d或3d插圖可創建令人難忘的視頻,從幾行運動到3D真實人物甚至是現實生活中不存在的復雜視覺效果。
01. Coppel /回到學校通過 大量工作室 02 PWR 由安娜·霍查, Edvina元
3.3 2D動畫-說明性視頻
2D動畫專注于創建故事和角色,并在創作過程中使用矢量。當您想要廣告系列或產品的說明性視頻時,2D可能是理想的選擇。在一個總是忙碌而又沒有時間閱讀的世界中,說明性視頻對于任何網站都是必不可少的。
01. Freelive 由 工作室Infografika , 謝爾蓋·薩多斯基 , 阿納斯塔西婭Alterka , Arsentiy Lesnik賓館 , 尤里·阿姆斯特朗 , 阿林好, 喬治VALD ,馬克西姆Tleubaev
3.4動畫徽標
您已經了解到動畫是2020年的“必備”,為了保持競爭力,我們還必須將它們集成到徽標設計中。許多公司已開始對其徽標進行動畫處理,以引起人們的注意。這也是徽標設計的主要趨勢。
01. 杯茶由 維多利亞伍 02 - 07. 運動野獸?Logomachine。動畫標志的 運動設計學院, 維克托Villamarin的, 波格丹·杜米特留, Logomachine .NET , 亞歷山大·庫茲涅佐夫, 扎克李, 丹尼斯Siurin , 斯坦尼斯拉夫·馬爾琴科, 莉扎薇塔Tsareva , Supremus Levenus , 安東·福明, 埃米爾Khafizov , 膽堿哈達
3.5混合動畫2D和3D集成
這一趨勢不是一個新趨勢,但絕對值得一提。混合動畫就是使用為此創建的特定軟件將2D與3D結合在一起。
4.平面設計
4.1平面設計中的3D
盡管2d壟斷了設計的這一分支,但3d可以為最終概念添加額外的內容。3d渲染可以采用插圖,動畫或字體的形式。
01. 畫像由 費爾南多·多明格斯Cózar 02. NASA | 太空時代的 工作室-JQΔ 03. 美國宇航局X BBC | 不自然世界的 工作室,JQΔ
4.2雙色
精益求精的概念可以完美描述這一趨勢,設計師在其中創造出大膽的元素,并帶有優雅的手感和強烈的對比。這種趨勢是創建更易于訪問的打印的理想選擇,因為某些打印技術如果顏色更多,則價格會更高。
01. 冬季公開賽'18由 Kinoto Studio, Romina Rios, Luc Geoffroy 02 Synticate©由 斯捷潘索洛德科夫 03. TIGER在博物館由 de_form工作室, 諾拉demeczky , 的Eniko DERI 04. 刻字系列IX由 拉斐爾·塞拉
4.3光學感知藝術
歐普藝術作品是抽象的,有許多知名的黑白作品。通常,它們給觀看者留下動感,隱藏的圖像,閃爍和振動的圖案或腫脹或翹曲的印象。(來源:wikipedia.org)。
這種趨勢給人以動靜的印象,但是以一種靜態的方式。如果要實現在印刷海報中移動圖形的想法,這是最合適的方法。
01 02 東京電影節共混物由 梅賽德斯巴桑 , 的Adobe住 03. 海報-第一卷由 Xtian米勒
4.4平面設計中的插圖
插圖在設計的所有領域都非常重要,因此我們在圖形設計中也可以找到它們。2D插圖在現在已經非常流行了幾年,并且即使在2020年,也將繼續成為設計師的最愛。
01. GOOSE赫爾-海報由 Ewelina鵝 02 CAT酒吧和舞廳/ 2019至 kissmiklos, Eszter薩拉
4.5動畫海報
動畫無處不在,我們在設計的各個領域都可以找到它們,當然它們也存在于數字海報中。動畫可以將2D與3D混合在一起,效果令人著迷。
01 節地鐵地鐵由 Bzoing, 維吉尼貝達德 02. 失敗的Windows由 皮埃爾Kleinhouse, 轄Zivony
4.6復古合成波
復古合成波是一種在80年代出現的趨勢,但一旦好萊塢開始發行該十年的電影后便開始重新出現。隨著《陌生人事物》系列的成功,這一潮流再次開始流行。
01. 雞尾酒和夢想通過 Gjorgji Despodov 02. CINEMAX由 杰森巴爾巴 03.奇怪的事情(Netflix.com)
4.7瑞士設計,達達主義,包豪斯
20世紀最重要的圖形設計運動始終是最好的設計師的靈感來源。這些樣式值得一提,因為它們始終是的,遵循它們所施加的規則幾乎不可能在設計中犯錯誤??偟膩碚f,這些運動強調版式,無襯線字體(Helvetica于1957年在包豪斯舞臺上創建),幾何形狀,簡單的線條,體積和顏色。
01. 瑞士海報01(版式方面)由 Mehman Mammedov 02. 黃視VOL.3通過 維奧萊納齊名
4.8大的不間斷彩色空間
大型,不間斷的色彩空間將在明年成為非常流行的趨勢。它們與大膽的字體搭配使用,可以在圖形設計,產品設計以及ui中找到。
01. Synticate©由 斯捷潘索洛德科夫 02 Havaianas人字品牌內容由 約翰Vernizzi 03. Kekkil?-BVB的 Kurppa Hosk
4.9超極簡主義
極簡主義的設計僅使用必需品,非常有限的調色板和簡單的形狀來打造令人難忘的身份。放棄多余的元素,使所有設計項目都有目的。要創建超極簡主義的設計,您需要使用盡可能多的白色/負空間,簡單的配色方案和一些基本的幾何形狀。
01. Heim雜志,第3頁, Sasha Yaguza撰寫 02. Andrei Gheorghe- DADA-通過 moodley品牌標識發布
5.基于技術的趨勢
技術通過智能設備和嶄新的理念正在徹底改變我們的生活。這些新技術使設計師已經開發出進入當前趨勢的新功能。人工智能,機器學習,虛擬現實和增強現實正在影響設計師的思維方式和創作方式。
5.1增強現實的移動應用
隨著蘋果和谷歌推出自己的AR開發平臺ARKit和ARCore,很明顯,整個世界將面向增強現實技術。
許多大品牌已經在其應用程序中采用了這項技術,而那些尚未采用這種技術的公司必須認真考慮如何使用戶在這種新現實中與之交互。
有一些AR交互可用于創建直觀的應用程序。第一個是將應用程序固定在手機屏幕上時。另一個是AR UI與用戶周圍的環境相關聯時。最常用的互動方式之一
是當UI與對象相關并通過掃描特定項目觸發時。該動作將數字動畫連接到特殊的“標記”。
有關更具體的AI規則,請閱讀Apple指南,以提供“將真實的虛擬對象與現實世界無縫融合的沉浸式,引人入勝的體驗”。
5.2 AI,ML,聊天機器人和虛擬助手
聊天機器人是一種 通過聽覺或文本方法 進行 對話的 軟件。[1] 此類程序通常旨在令人信服地模擬人類作為對話伴侶的行為,盡管截至2019年,它們仍遠遠不能通過 圖靈測試。[2] 資料來源:維基百科
人們還不習慣與AI對話,因此設計師(和開發人員)的工作很大一部分是使流程簡單并建立信任。他們需要幫助人們了解系統可以做什么以及如何使用它。
使用AIML(人工智能標記語言)設計和編寫腳本聊天機器人,是出色的UX設計人員的魔力可以發揮作用的地方。
大多數使用聊天機器人的公司都選擇說明助手來為AI做鬼臉。以下是一些在其UI設計中使用聊天機器人的品牌:Spotify,星巴克,萬事達卡,絲芙蘭,Lyft,必勝客。
5.3 VR
大多數人將VR與游戲行業聯系在一起是有充分理由的,但是隨著所有大型科技公司開發VR套件和應用程序,我們可以肯定地說,我們將發現使用和享受這項技術的新方法。VR已經用于教育,醫療保健,旅游,房地產或建筑。
5.4語音用戶界面(VUI)
語音用戶界面(VUI)使用語音識別 來理解語音命令和問題,通常是文本到語音以播放答復,從而 使語音與計算機的人機交互成為可能 。語音命令設備(VCD)是受語音用戶界面控制的設備。資料來源:維基百科
去年,使用互聯網連接的設備的人中有40%每月至少使用一次語音助手,與去年相比,這一數字增加了10%。
6.產品設計
6.1包裝中的圖案
在過飽和的包裝市場中,很難創造出可以脫穎而出的新產品,因此設計師要回到根源并創造出使產品在擁擠的零售貨架上脫穎而出的樣式。幾何,花卉,浪漫或單色圖案是任何產品包裝的大膽選擇。
01. 飛行山羊咖啡由 妮可LaFave 02. VITA SPA皮膚 由 DWYW 03. 巧克力包裝設計由 算術 04. 100手繪無縫的圖案和形狀 的 Arseny Samolevsky
6.2包裝插圖
插圖一直是包裝設計中的重要元素。通過他們,我們可以講述一個故事,使目標受眾可以更好地理解該概念背后的歷史。平面插圖已經存在了數十年,并且很可能會一直處于流行趨勢。
01. 布里格斯原件由 熙宰金 02 天鵝絨咖啡杯 由 安東Malishev, 呵呵卡羅拉 03. 廢物不包括廚房-品牌打造的 嘗試和真正的DESIG ň04 家,甜蜜的壽司兒童 通過 精明的機構, 馬里亞納星火 05. Cerveza塔Maleante通過 Antonay
6.3留白
極簡主義是設計的基本原則,而今天它又是新事物。它放棄了設計中不需要的所有內容,并用負空間代替了它。這種趨勢將功能帶到了最前沿,并專注于簡潔的設計,使版式脫穎而出。
01. 香味精油 由Y u型簡林, 黃惡嗯-祥 , 智泰蓮 02. 重塑品牌理念,為BodriPincészet由 克里斯托夫Gáthi
6.4單色和兩種顏色
首先,在調色板中僅使用1或2個色調似乎有些限制,但它們可以創建非常強烈的視覺識別感。僅使用一種或兩種顏色,就可以保持簡約的外觀,放棄所有多余的東西。結果是精美,高雅的產品令人賞心悅目。
01. Zerbet冰糕由 才林賈爾斯 02. 貝利啤酒 由 埃德大廳 悉尼, 葉卡捷琳娜Leontyeva , 波阿斯孫
6.5大膽的顏色
大膽的顏色和漸變仍然是非常強烈的趨勢,這種趨勢將在2020年持續。使用這些顏色,您可以創建令人難忘的產品。
01. 極簡主義和享樂主義:Fabula Branding 重新設計了 千年品牌
02 紋身商城 通過 Openmint工作室, 葉卡捷琳娜Teterkino , 煙, 葉戈爾Kumachov
03. Organic by Larissa Kendrik 和 加布里埃爾· 沙茨曼
04. VIZOU -老花眼鏡 的 工作室開頭語, 阿克塞爾杜馬克
05. 包裝的調味開心果由 米拉Katagarova
6.6注意細節(受新藝術風格啟發)
注重細節的包裝比以往任何時候都更受歡迎。設計師選擇這種趨勢是因為它賦予了產品真實性。這種趨勢使我們以現代方式思考經典。
01. HYWILDE由 查德·邁克爾·工作室 02 AMSTEL KARGO IPA通過 卡帕羅設計船員
03. 大島咖啡烘焙-咖啡咬傷的 農場設計
6.7包裝中的講故事
到2020年,品牌將不得不重新考慮其產品和包裝。品牌必須講述一個故事,以幫助客戶體驗產品的本質。這可以通過為包裝創建視覺和敘述身份來實現。
01. 喙接通過 骨干品牌推廣 02. Colorea用t 骨干品牌
7.版式
7.1粗體印刷
粗體印刷術是設計中的重要趨勢,它取代了圖像作為主要元素。勇敢的排版可以在網頁設計和圖形設計中發揮作用。
01. 埃里克·林格(Eirik Lyng),作者: 埃里克· 赫斯特雷(ErikHerrstr?m); 02. 包豪斯(Bauhaus_100)(x3),作者: BunkerType(JesúsMorentin)
03. UCCA當代藝術中心北京由 布魯斯·莫設計(BMD) ,耶勒馬雷夏爾
7.2小寫
越來越多的應用程序使用完全小寫的文本,非常易于閱讀,并且完美地融入了簡約和現代的設計中。在明年,我們絕對必須關注這一趨勢。
01. Autea品牌和網頁設計由 米哈爾Markiewicz 02 山大食品公司 CI由 臣藤田/ tegusu公司 03. Aquality品牌的 哈坎Fidan的
7.3自定義字體
盡管自定義字體沒有什么新意,但我們將看到這種趨勢越來越多地出現在設計中,尤其是在徽標和海報中。這種做法在大品牌中更常見,因為生產專用字體可能會非常昂貴,但是設計人員可以對現有字體進行少量調整,結果可能會非常獨特。
01. Think8全球研究院通過 勃洛克設計 02 ZINEZ?//設計周期由 芭芭拉·卡托納 , 媒體與設計系埃格爾 03. 式設計'19通過 TRüF創意 04. Cako字體由 維奧萊納齊名
7.4動力學排版
就像我們說的那樣,動畫在設計中無處不在,因此在排版中也很常見。動態字體使用小的和簡單的交互作用來移動和移動屏幕上的字體。這種簡單的技術可以處理文本并創建最終產品,該產品保留在查看器的內存中。
01和02. Grafika , Gimmick Studio設計 。03&04. 增強現實與動作排版,作者: Alex Slobzheninov
7.5堆疊字體
堆疊文本可能是一種現代化的解決方案,可以吸引您注意基本信息。我們可以在網頁設計,應用程序設計和圖形設計中看到這種趨勢。
01. L'嗡通過 Atipus巴塞羅那 02 期刊由 杰瑪馬奧尼 03. 海報收藏| VOL.8由 羅馬發表 04. SMLXL由 梅麗莎Baillache, 墊新郎, 杰森·利特爾
8.趨勢工具
8.1 Adobe Spark
Adobe Spark是Adobe Systems 開發的 用于移動和Web的媒體創建應用程序的集成套件 。[1] 它包含三個獨立的設計應用程序: Spark Page, Spark Post和 Spark Video。(來源:WIkipedia)
他的免費Adobe Spark Web應用程序可與Spark Page,Spark Post和Spark Video iOS移動應用程序同步 ,從而使用戶可以從任何設備創建,編輯和共享其視覺故事。
[3] 這三個設計應用程序允許用戶創建和設計可用于企業,教育,社交媒體營銷人員等的視覺內容。[4] Spark Gallery突出顯示了使用該應用程序的人們所做的不同項目。使用這三個應用程序時,用戶可以導入圖片或搜索圖片。
8.2繁殖
Procreate是 由Savage Interactive針對iOS開發和發布的 用于 數字繪畫的 光柵圖形編輯器 應用程序。針對iPad的藝術可能性而設計 ,并且適合從初學者到專業人士的藝術家。
它提供130多種逼真的畫筆,多層, 混合模式, 蒙版, 過程視頻的4K分辨率導出 , 自動保存以及許多其他經典和原始的 數字藝術 工具。除光柵圖形外,該軟件的編輯和渲染文本和矢量圖形能力有限 。(來源:Wikipedia)Procreate是2018年App Store上最暢銷的應用程序。
8.3 Adobe XD
Adobe XD是 由Adobe Inc開發和發布的 用于 Web應用程序 和 移動應用程序的基于矢量的 用戶體驗設計工具。它適用于 macOS 和 Windows,盡管有適用于iOS 和 Android的版本 可幫助直接在移動設備上預覽工作結果。XD支持 網站線框圖,并創建簡單的交互式點擊型原型。(來源:維基百科)
作者授權
總結
每一年每一個時間段都會有新的趨勢,學會的辯證的眼光去看待便是最大的智慧。世界一直都在變,趨勢也是。保持學習和探索的心不變就是對自己熱愛的事情最好的回應,念念不忘,必有回響。共勉!
文章來源:站酷-木七翻譯整理
當下消費市場,年輕人是絕對的主力人群。對于品牌來講,抓住年輕人就是抓住了市場,于是品牌們紛紛開始“年輕化”。但是在這條路上,一不小心,可能就會陷入“坑”中。本文筆者對品牌年輕化進行分析解讀,總結了自己的看法,供大家學習參考。
互聯網打破了渠道與媒介的壁壘,加速了整個社會消費觀念、品味、需求的變遷。無論是消費觀念還是購買能力,顯然當下的年輕人是絕對的主力人群。
對于品牌而言,就好像牧羊一般,草在哪兒,羊群就在哪兒,不追草的羊不是已經餓死,就是在餓死的路上。
于是品牌年輕化好似成為了一切品牌問題的解藥,不幸的是,這些品牌在年輕化的道路,都走到了相似的逼仄中,年輕化僅僅達到了“形”的貼近,卻夭折在了“神”的部分。
那品牌年輕化到底該如何做呢?
木蘭姐認為,在回答這個問題之前,我們需要先弄清楚一點:
品牌年輕化≠品牌年輕人化
與人一樣,品牌也有自己的生命周期,會經歷誕生-成長-成熟-老化的過程。但與人不同的是,品牌生命周期并不單純以年齡來劃分,而是與市場環境、經濟環境、消費者行為綁定在一起。
但很多品牌往往容易陷進一個誤區:認為品牌年輕化就是年輕人化,于是先給年輕人貼幾個標簽,然后再把這些標簽貼在自己身上,試圖收獲年輕人的認同,混進他們的圈子,用看似時尚、熱門、流行的元素將自己打扮成“年輕人”,但往往最后結果卻是不被年輕人買單的無效溝通。
舉個例子:
KFC前段時間的形象風波就是大型的翻車現場,讓消費者者覺得品牌對“年輕”有誤解。
KFC為了更貼合年輕消費者對顏值的要求,完全翻轉了大家對爺爺慈祥微胖的印象,以更時尚的高顏值形象走入消費者眼簾。
但這個形象橫空出現,只給消費者帶來了短暫的視覺沖擊,并沒有讓其產生情感上的認同,甚至是嚇到了部分消費者,很多人直呼不買賬。
△圖片截取自網絡
所幸這只是KFC品牌年輕化的一次嘗試,并沒有真正投入市場,也沒有給品牌帶來太多的影響。
從KFC的案例中我們可以得到什么樣的警醒呢:或許品牌用表面的裝嫩的方式能夠獲得一時關注,但混入年輕人的圈子,走進他們的內心卻有些難度。
就像1000個讀者就有1000個哈姆雷特一樣,1000個消費者可能會有1000種需求或喜好,品牌無法對這個群體“一刀切”,也沒有一個品牌能做到被所有年輕人追捧。
要知道,這一代年輕人并不是很多品牌自以為所謂的 “狂拽炸酷吊炸天”這么簡單,品牌需要做的是真正洞察年輕人的生活態度,先在價值觀上找到和年輕人真正的契合點,強調 “我”,而不是追隨 “他”。
那正解如何呢?
就像物理學中的杠桿支點一樣,支點找得準不準,直接影響其他要素的確定。對企業而言,突破品牌桎梏,精準地找到品牌年輕化的支點,才是贏得消費群體的王道。
而這個“品牌年輕化”的支點,木蘭姐認為應該是為品牌灌注新鮮活力,延長或恢復品牌的“青春期”,讓品牌可以一直活躍在時代主力消費人群的面前,不至于被消費者和市場遺忘。
無疑,旺旺是其中的佼佼者者。
旺旺在年輕化的道路上摸索出了一條康莊大道,除了主打情懷回憶殺,還不斷嘗試將品牌時尚化,以此來滿足年輕人的潮流需求,比如六一攜手奈雪的茶推出寶藏奶茶;與自然堂聯合,打造自然堂x旺旺定制款氣墊BB霜組合裝,以及聯名款服裝等,一系列令人意外又驚喜的跨界合作,無疑賺足了眼球。
這一波國民經典IP與原創潮牌的跨界合作,不僅意味著旺旺已經洞察到現如今年輕一代的喜好,更代表了旺旺作為一個國民老品牌,有著高度的包容性,在打破以往成就、固化的品牌形象后,以有活力、年輕化、時尚潮流的品牌范兒,不斷刷新品牌的高曝光度,以及年輕人對品牌的認可度。
可以說,旺旺在嘗試年輕化營銷的同時,也能看到其要做年輕化內容、年輕化產品、年輕化品牌的決心。
還有我們的國民老品牌百雀羚,不管是提到廣告,還是產品,百雀羚都是美妝界永遠繞不開的話題,而百雀羚能在消費者心中留下如此重要的認知,都離不開其一直以來的努力和創新。
從三生花系列到現如今的故宮美什件,從《一九三一》到今天的《見微知著》、《多了一點》,通過消費者喜歡的方式,為品牌注入新鮮的血液,讓經典老品牌顯得“年輕力”十足,成功激活了消費群體,并在品牌年輕化的形象和銷售轉化量上都實現了質的突破。
可見,只有為品牌注入與時代相符的新內涵,才能積極契合消費族群的變遷,才是品牌永葆年輕的護城河。
提到這一點之前,我們先來看一個2018年最佳汽車營銷廣告案例,來自奧迪。
在這支廣告里,奧迪沒有流于表面的年輕元素,而是全程展現了一位滑雪飛人,觀眾跟著他腳下的雙板劃過幾乎地球上所有的地貌:山地,森林,沙漠,草原,火山,長城,海洋…
而整個片子中,奧迪車全程沒有入境,只在影片結尾,藍色海洋的背景里出現奧迪的廣告語:“All Conditions Are Perfect Conditions.(所有場景,都是完美場景)”。
但就是這支充滿“挑戰、無畏、前進等精神”的廣告大片最后贏得戛納社會化營銷金獎,引起熱議,深受年輕觀眾的喜愛。
這說明了什么?品牌年輕化,不應拘泥于品牌面貌的年輕,更多的是品牌內核的年輕。
再舉個極端的案例:
年過123歲的銳步(Reebok)簽下80歲“高齡青年”王順德為品牌代言人。這個加在一起超過200歲的“超高齡組合”,如果純粹按年紀來說,絕對稱不上“年輕”,而如果單從代言人王順德的外形上硬要找一點年輕元素的話,可能也就能是那一頭狂野白發中的“狂野”了。
為什么會選中王順德?銳步看中了王順德身上年輕的態度——堅持、自信、突破極限,向消費者傳遞出“任何年紀,都可以活出自己的樣子,突破極限,打破年齡的疆界”的心態。
而這跟當代年輕人釋放個性,崇尚平等,追求自由,積極進取,享受生活,不喜歡權威,不喜歡說教的價值觀是一致的,銳步升華了代言人背后的品牌精神。
所以木蘭姐認為,如果你正在為品牌年輕化發愁,不妨從品牌的核心精神和態度入手,形成年輕的品牌價值觀,去發現目標消費群的價值需求,找到一個能在你們之間產生共鳴的態度,讓他們對品牌產生認同。
此外,90后及00后的自我意識是全面覺醒的,與以往的群體不同,他們天生具有強烈的表達欲及掌控欲,這也進一步催化品牌要用“陪伴心態”去與年輕人相處,真正懂他們,幫他們發聲,彰顯自我……最終成為他們心里“陪在他們身邊的人”。
比如說江小白的文案,其實不少是用戶自己寫的文案,然后通過篩選量產出來。再比如有時間火爆的《我的說明書》H5、DIY類H5,引發了同類H5作品的爆發,背后都是用戶的自我價值表達。
還有今年五四青年節百度APP通過創意互動手繪形式,站在年輕人的角度,說出了他們的心聲,彰顯年輕人的才華和態度,也是狠狠地刷了一波存在感。
我們從不拒絕新事物
青年人,就要站在時代與潮流的風口浪尖
甭管哪年,在愛國這個原則性問題上
我們的脾氣還是有點大
在國家最需要我們的時候
青年人逆風而行,救民于水火之中
這就像安裝了八個情感按鍵,撬動用戶心中的共鳴開關,最終完成內容與用戶的深度溝通,讓用戶認同品牌價值;更重要的是設計出文案,讓用戶表達自我,從而在用戶群中分享傳播品牌價值。
由此可見,年輕化不是品牌的一廂情愿,而是品牌和消費者的合謀:“看見世界,找到自己”。
最后,木蘭姐想說,年輕化的“套路”不可能一成不變,無須刻意貼合年輕人時下的熱點,抓住深的洞察獲得年輕人共鳴,才是品牌年輕化的最好方式。
文章來源:人人都是產品經理
在本篇開始之前,我們稍作回顧。目前已經完成的兩個系列包括:「iOS 13 設計新特性」,涉及深色模式、SF Symbols、卡片面板及情境菜單等話題,錯過的朋友不妨回看,畢竟新系統將會在近兩日正式推送。在「基礎設計原理」當中,演講人通過一場夏威夷之旅帶領我們了解了一系列重要的設計原理,包括一致性、可供性、心智模型、漸進呈現等等,深入淺出,老少咸宜,強烈推薦。
△ Mike Stern 老師的「基礎設計原理」
而本期開始的新話題則聚焦于如何面向 Apple 生態體系中的多種設備進行設計,包括如何選擇平臺,如何針對不同的平臺權衡功能與外觀風格,如何構建生態體驗等等;演講者是 Apple 的設計師 Cas Lemmens。
在 Apple,我們非常自豪于我們所創造的一系列設備平臺。在創造和升級這些平臺的過程中,我們都會以提升人們的日常生活品質為目標,并力圖在人與設備之間構建富有意義的關聯。這關聯未必僅存在于單一平臺當中;你所使用的 Apple 設備越多,便越發能體會到整個生態帶來的依存關系。
你可能會戴著 Apple Watch 晨跑,可能會在 MacBook 或是 iMac 上完成一天的工作;下班后,你可能會借助 iPhone 的一系列功能來使用公共交通,或是在你的車里使用 CarPlay;回到家,你可能會通過 Apple TV 看劇或電影;睡前,你可能還會在 iPad 上讀書。
無論你正在使用何種設備,Apple 的平臺生態都可以識別你、理解你,并幫助到你。
面向這樣的生態體系進行設計,你必須對其中的每一個平臺都有著深刻的理解。對于 Apple 的設計師而言,這樣的挑戰已經變得司空見慣。我們必須謹慎思考每一個 app 可能適合的平臺類型,以及如何使其針對不同的平臺進行相應的調整。
Apple 開發的 app 當中,有些是面向全平臺的,例如「照片」或「音樂」。
而有些則僅存在于特定的平臺當中,例如「備忘錄」、「郵件」等等。
有些服務可以在你擁有多種設備的情況下帶來最優體驗,例如 ApplePay;另外一些則必須基于多臺設備同時運行,例如 FaceTime。
今天,我要與各位分享的,便是 Apple 的設計師在進行跨平臺設計時所采用的典型流程。希望這些經驗可以幫助各位更加且目標明確地將你的產品和服務推向 Apple 生態圈當中的更多平臺。
我們首先會從「平臺選擇」開始,即了解每一個平臺的情境特質與能力特征,并以此為基礎選擇最恰當的目標平臺。
然后是「平臺適配」,即基于目標平臺的設備特性,對我們希望實現的功能進行權衡與管理。
接下來是「風格協調」,即在品牌風格與平臺規范之間尋求平衡,對 app 的視覺外觀及操作體驗進行定義。
然后是「平臺連接」,即探索如何在不同的設備平臺之間實現功能的連續性,打造輕松、無縫的使用體驗。
最后,我們還會嘗試「平臺擴展」,即探索如何同時基于多平臺實現最優的綜合生態體驗。
以上便是跨平臺設計的主要流程。接下來,我們將對這五個步驟逐一進行了解。
所謂「平臺選擇」,即回答「我要面向哪個平臺進行設計」這個問題。
或許你還沒有上線過任何 app,目前正在考慮以哪個平臺作為首發;或許你已經在一兩個平臺上發布過 app,正在考慮接下來應該進行怎樣的擴展。
在選擇平臺時,有兩個最為關鍵的概念需要我們重點思考:
對于「情境」的理解至關重要,因為當情境發生變化時,人們通常會切換他們所使用的設備,以不同的方式完成不同的任務。
舉個例子。譬如你正在辦公室里工作,或是在學校上著課;這些都是高度聚焦和穩定的情境。當你離開這些場所,乘上了公交車或地鐵,你便進入了高度動態和移動化的情境。這兩類情境之間的差異非常明顯,我們通常會從 Mac 切換至 iPhone 或 Watch,因為后兩者本就是面向移動化情境進行設計的。
而對于「能力」的理解則可以幫助你掌握并充分利用特定平臺的獨特功能。
接下來,讓我們從「情境」與「能力」這兩個方面,對 Apple 生態體系當中的一些典型平臺進行分析。
首先是 iPhone,因為這可能是我們多數人最為熟悉的平臺了。
從情境的角度來看,iPhone 始終保持開機,始終與我們相隨,因此它是高度移動化的;同時,iPhone 也是高度私人化的設備,我們不會輕易與他人共享使用;此外,iPhone 通常被用于高頻而短時的互動,我們每次使用不會超過幾分鐘。
iPhone 所具有的能力可以有效地支持其情境特質?!甘冀K開機,常伴于身」的特性要求 iPhone 必須具備良好的環境感知能力,其內置的陀螺儀、加速計等傳感器可以始終在背景進程當中處理環境相關的信息,即便是在我們沒有使用 iPhone 的時候;iPhone 的 Touch ID(及 Face ID 等機制)則會為我們提供私人化的保護;其高清晰度的觸屏則能確保我們在短時間的互動過程中獲得輕松與愉悅的體驗。
與 iPhone 類似,Watch 也具備「始終開機,常伴于身」的特性,且同樣是高度私人化的。但 Watch 具有更強的即刻性,所面向的是更為短暫的互動,譬如你只需一瞥便可以從表盤上獲取與當下情境最為相關的信息;而提示信息在你注視稍久時還會進一步提供詳細信息。
Watch 所具備的能力與其私人化的情境特質息息相關。Watch 可以追蹤你的運動狀態、地理位置及心率;其觸覺反饋可以通過輕觸手腕來提醒你查看信息;而表盤也是高度定制化的,你可以讓最為需要的信息始終呈現在表盤之上,便于一瞥之間快速獲取。
而 iPad 則具有較為復雜的情境特質,既可以被用于穩定的環境,同時也支持移動化場景。你可以用 iPad 完成一些而聚焦的任務,也可以將其作為放松型設備來享受影視或游戲體驗。而所有這些互動過程都比 iPhone 或 Watch 更加持久。
從能力的角度,iPad 的大屏正是對這些情境特質的有效支持。充足的屏幕尺寸可以幫助你完成高精度的操作,環境光傳感器可以使其良好適應于日夜不同的光照條件;高保真揚聲器和高精度觸屏可以為影音或游戲帶來更具沉浸感的視聽體驗;若是配合 Apple Pencil,iPad 還能幫助你完成更加、更具創意性的工作。
再來看 Mac。其情境特質具有高度的專業性,你可以進行非常而聚焦的工作,譬如設計和開發 app;MacBook 可以被作為共享設備來使用,但它同時也是個人化的,因為多數使用者都擁有獨立的個人帳戶;我們通常會長時間使用 MacBook 或 iMac,譬如每天都會有幾個小時的互動時間。
在能力方面,為了支持高度專業化的任務,Mac 具備著非常高的性能表現;鍵盤鼠標可以幫助你進行而復雜的操作;多任務能力允許你以自己所需的方式進行工作;而多帳戶體系則能使 Mac 適用于更多樣的工作場景。
最后來看 Apple TV。這是生態當中最具共享性的平臺,我們通常會與家人或朋友一起觀看;TV 最具穩定性,始終與電視機綁定在一起,不會四處移動;TV 是完完全全的放松型設備,我們用它來享受影音或游戲,每次使用時長通常在三十分鐘到幾個小時之間。
配以高清顯示屏,TV 的畫質將會鮮活得呼之欲出;TV 的遙控器輕便易用,你可以輕松地將其傳遞給朋友和家人;TV 可以與 HomeKit 良好配合,使其高度穩定的特性得以在「家庭」這個場景中充分地發揮;其界面設計特別面向 10 碼左右的距離進行優化,使你可以輕松地窩在沙發里享受娛樂體驗。
通過以上分析,你便能理解,為何了解每個平臺的「情境」與「能力」對于你的目標平臺選擇來說是如此重要的事了。
「情境」是平臺的立命之本,而「能力」則決定了其獨特性。
對于你的 app 來說也是如此。你需要問自己兩個關鍵問題:我的 app 可以在怎樣的情境里體現產品價值?要實現產品價值,需要哪些特定的技術能力作為支持?
在 Apple 內部,每當需要為 app 選擇目標平臺時,我們都會反復進行一項簡單的練習?,F在我來為各位進行演示。
首先讓我們以「健身記錄」 app 為例。
想想看「健身記錄」的產品特性,你會發現它首先必須具備移動性。它需要追蹤你全天的運動行為,以便進行的數據統計。因此它需要設備平臺具備「始終開機,常伴于身」的特質,即高度的移動性。
同時,「健身記錄」還必須是私人化的。它應該能且只能追蹤你個人的數據。
接下來,我們要通過象限圖來建立情境特質與平臺之間的映射關系。其中橫軸代表「移動性」,從左到右遞減;一系列 Apple 設備平臺按照各自的特質分布在軸線上,譬如 Watch 最具移動性,而 TV 最具穩定性。
而縱軸代表「私人性」,從上到下遞減。其中 Watch 最具私人性,TV 則最具共享性。
對于「健身記錄」而言,由于要同時具備高度的移動性與私人性,因此在象限圖當中會大致位于左上方的位置。這便解釋了為什么它會出現在 Watch 和 iPhone 當中,而非其他平臺。
接下來我們以 GarageBand 為例。
GarageBand 涉及到的人機互動是高度精準型的,因為人們需要非常準確地操作音頻內容,使它們出現在正確的時間和地點。
此外,GarageBand 必須良好地支持多任務,因為人們往往會將多種音頻器材和樂器連接進來同時進行演奏。
我們通過象限圖來建立映射關系。其中橫軸代表交互的性,左端為粗放型,最具代表性的平臺是 Watch,因為其屏幕較小,而人們的手指相對粗大,難以完成具有高精度要求的操作;右端為精準型,代表平臺為 MacBook 或 iMac,因為鍵鼠操作具備最高的度。
縱軸則代表「多任務能力」,從上到下遞減。在 Mac 上,我們可以輕松地進行多任務操作;而對于 Watch,你每次只能完成一項任務。
GarageBand 需要同時具備高度的交互能力,以及良好的多任務能力,因此在象限圖當中會大致位于右側偏上的位置,所對應的即是 Mac、iPad 和 iPhone。
這兩個例子都非常簡單,各自僅涉及到兩方面的情境特質。在實際當中,我們通常需要將更多、更復雜的特質因素考慮進去;最終,我們希望能夠為 app 找到最適合其生存的平臺。
以上便是跨平臺設計流程中的第一步,「平臺選擇」,即綜合考量不同設備的情境特質及能力特征,進而為 app 選擇最為適合的平臺。
互聯網發展業已進入下半場,眾多互聯網產品的營銷比重迅速攀升,用戶心智已經形成,很多產品設計方面沒有太大發揮空間。未來,面對嚴峻現實,產品人的選擇在哪里?
前段時間一款叫ZAO的換臉APP刷屏朋友圈。這款產品的主要功能是把影視片段中明星的臉換成你的臉,讓你實現大片夢。
實際上,在ZAO之前,就已經有廠商開發出了同類型的換臉APP。今年的四月,一款名為顏技的App上線了IOS版,它具有和ZAO相同的圖片換臉到視頻功能。不同的是,它沒火起來。
相反是由于ZAO的大火,已經上線好幾個月的顏技才突然被人發現。并因此登上了娛樂免費榜的第二名,第一名是ZAO。
AppStore上有上百萬個APP,想要讓別人找到你的APP已經非常困難了。回顧最近火起來的那些APP,大部分都有“重營銷”的影子。比如綠洲、ZAO、靈鴿等。
營銷對于一款產品來說變得越來越重要。
劉潤老師寫過一篇文章《如何判斷一個行業是否值得進入》描述這種商業競爭的規律:文章里提到了一個行業的發展階段可以用商家的競爭手段去判斷。
實際上這個觀點就是用4P的視角去理解商業規律。商業的本質實際上就是4P模型:產品、渠道、促銷、價格。而且這幾個點的優先級是依次遞減的。
一個項目想要成功,就需要依次做好這些點。如果別家已經在某一個環節做得很好,你再想超越,就必須也做好這一環節,然后在下一個環節做得更好。
因此在某一個特定領域內,對于后來者來說,創業會越來越難。王興在幾年前說互聯網進入下半場,目前看來這個下半場里,產品經理已經不在是舞臺的中心。
現在越來越多的產品偏向營銷驅動,這很值得我們用4P的視角去思考一下互聯網的發展現狀和趨勢。
在移動互聯網時代的早期,有很多需求可以從線下搬到了線上,或者從PC端轉移到手機端。由于這類用戶需求是一直存在的,用戶會自發地去尋找這類型的APP。
在這個時期,“產品即營銷”,只要比別人做的更早,比別人做的更好,不太需要廣告的支持,用戶會自帶傳播效應。這個時期是產品人最愛的時期,只要用心做好產品,就很容易獲得成功。
最初在移動互聯網上,沒有一款比較方便的社交軟件。然而用戶實際上是有很強的社交需求的。雖然手機QQ可以解決一些問題,但是沒有為移動互聯網的環境做相應的優化。
另一個款產品米聊,雖然也是為了解決移動互聯網的社交問題,但是產品穩定性不足,偶爾會閃退或者發不出消息的情況。
微信在那個時期是移動互聯網做社交做好的產品,所以經過用戶的自發傳播,兩個月就超過了米聊成為了最大的移動互聯網社交APP。
很多人認為微信的成功是因為獲得了QQ的關系鏈,實際上這是一種誤解。
當時運營商忌憚微信,不允許微信用手機通訊錄,于是微信只能用QQ登錄。
但QQ登錄和QQ關系鏈是兩回事。QQ登錄不等于關系鏈的使用,微信對QQ關系鏈的使用,只是添加好友時可以從QQ好友里選擇。
事實上作為一款熟人社交軟件,手機通訊錄的價值和作用更大——因為是更真實的好友,而QQ好友里很多是陌生人。如果微信當時選擇把QQ關系鏈復制過來,那就成了另外一個手機QQ了。
所以微信的成功,是因為它在產品為王的時代,做出了最好的移動互聯網社交工具。
在互聯網時代的中期,同一個細分領域會出現了很多同質化的APP。這時,競爭考驗的是各個公司的渠道能力。
你能更好地觸達用戶,就能更地擴展市場。
早在PC互聯網時代,搜狗輸入法就依靠“番茄花園”、“雨林木風”等盜版系統的預裝,僅用一年時間做到了輸入法領域70%的市場占有率。
在移動互聯網時代,新聞類APP的同質化也比較嚴重,在產品端的優化很難和其他競品拉開差距。為此搜狐早晚報(搜狐新聞的前身)依靠中興手機的預裝,一下子從幾萬日活提升到上百萬日活。
在國外的Twitter模式興起時,四大微博的競爭進入白熱化階段。最終新浪微博突出重圍,成為了最后的贏家。
新浪微博的打法也是依靠渠道。當時新浪微博搶先與頭部的手機廠商簽下獨家合同,激活一個用戶支付廠商1.5元,很多手機廠商看到好處都選擇了合作。
后來這筆錢改成了資源置換。手機廠商預裝新浪微博,而微博會在用戶在發布手機動態時,露出手機品牌型號。
除了預裝,SEO和ASO也是非常重要的渠道來源。
今日頭條早期的SEO要比其他公司效率更高。
一般我們在百度進行渠道投放時,只知道投放相關的關鍵字,這種常規操作的結果是量少、多家競價、轉化效果不佳,而且成本非常高。
今日頭條創新性地利用每天百度新產生的大量沒有人競價的關鍵詞進行拓詞,通過技術手段自動生成聚合這些關鍵字的落地頁,然后在百度進行投放。這樣做的好處是量大而且價格便宜,落地頁聚合的內容本身比百度的還好,用戶轉化效果自然就非常理想了,大大降低了渠道投放的成本。
優質的搜索渠道流量,也是今日頭條成功的一大因素。
到了互聯網時代的后期,就連渠道商的競爭也同質化,并且渠道商的價格越來越高。
在這個時期,廠家會發現爭奪渠道效果已經很差了,幾個大的渠道已經被巨頭們把持了,想要突破必須開始爭奪消費者的心智。所以這個時期的策略是通過吸引眼球的營銷方案,讓用戶產生購買意愿。
支付寶誕生的時候是產品為王的時代,解決了用戶線上支付的問題,因此作為先驅者占據了線上支付的絕大部分市場份額。
騰訊作為支付領域的后來者,想要超越支付寶,怎么辦?
財付通是騰訊的第一次嘗試,依靠騰訊自己的電商渠道,財付通的市場占有率一度只有3.3%。這是因為錯過了產品為王的時代,而且在渠道為王的時代,騰訊的電商品牌也不是特別給力。
后來騰訊有了微信,然后有了微信支付。其中最大的使用場景是微信紅包。
微信紅包依靠用戶的自發使用,在2014年春節達到了458萬的用戶峰值。但之后的幾個月,用戶數從峰值持續下降,再也沒有回到這個數量。
照理說,微信紅包的產品沒問題,渠道更沒問題,微信的用戶量級可是比騰訊的電商用戶多得多。這時騰訊要再想突破,就只能從營銷端思考。
2015年,微信和春晚合作,搞了一個搖一搖搶紅包的活動。那天晚上,微信紅包的用戶數從400萬增加到了一億,而支付寶積累一億用戶用了大概8年的時間。
在幾年前,如果有人告訴你,做一個拼團類低價購物APP很有機會,你一定會對此嗤之以鼻。電商市場又不是沒有人做過這件事,就算是淘寶的聚劃算也沒做得太成功。
但是今天,拼多多依靠社交裂變的玩法,已經成了“五億人都在拼”的電商巨頭,市值都超過了百度。
拼多多殺入市場時,電商領域的產品、渠道都已經進入了白熱化的競爭階段。拼多多從營銷端發力,大力開展社交裂變的玩法實現了電商領域的突圍。
雖然拼多多的玩法也有價格的因素在里面,但是同樣有很多主打低價的產品卻沒法做到拼多多的規模,最主要的還是營銷的問題?,F在很多人想到買低價的產品,第一個想到的就是拼多多,這也說明了拼多多的營銷成功地搶占了用戶的心智。
另外,這個階段想要超越不單單是要做好營銷,而是之前的產品和渠道都不能少。
上述的兩個案例都是產品本身過硬,并且憑借微信這個大渠道作為基礎的。
其他的競爭階段也是一樣,必須做好前面階段需要做的工作,再做好當前的階段需要做的才有可能追趕領先者。
這是很多人學習4P理論時最容易忽視的點。
如果按照4P理論,劉潤老師還應該補充最后一個階段——價格為王。
單純價格戰這事技術含量太低,似乎不值得單獨來講。不過作為一種商業趨勢,目前互聯網行業部分領域的競爭態勢儼然已經走到了這一步。
在信息流領域,等到今日頭條成長到非常大的體量后,百度才反應過來。
為了快速奪回市場,百度在2019年的春晚狂砸9億紅包“買客戶”。這個活動和之前提到的微信紅包活動很像,但是仔細思考還是有一些不同。
春晚面對的幾乎是全國的觀眾,其中很多人平時并不太接觸互聯網。對他們來說,微信的搶紅包活動是沒見過的玩法,很新奇,很有傳播性。
微信搶紅包的這次活動,營銷的概念其實要要大于價格的概念。但是經過了這一次的用戶教育,加上之后的支付寶集五?;顒樱@種送錢的營銷活動對用戶來說已經不陌生了。
百度的紅包活動更多的用戶已經不是覺得好玩,而是單純地在衡量投入產出比。為了拿到這些紅包的錢,付出那么多時間劃不劃算。這成了單純的買用戶,單純的價格因素。
最近微視也搞了一次這樣的活動,邀請好友得3~10元的紅包。這說明短視頻領域也已經進入了競爭的大后期。
價格為王的階段是其他手段都失效的情況下,不得不采用的策略。
當然前提是產品足夠好,否則用戶也是留不下來的。
這里說的產品經理是那種創造性的產品設計工作,類似喬布斯、張小龍所代表的最初的產品經理的定義。
隨著現狀互聯網解決的問題越來越多,邊界越來越廣,想要再通過創造性的產品設計打動用戶已經非常困難了。而且很多功能模式都有了約定俗成的規范,發揮創造性的空間已經不大了。這導致現在的產品經理更多的是偏向項目管理而不是產品設計。
我的一個產品經理朋友,覺得自己原來所處的行業相對比較傳統,換了一家更加迎合年輕人的行業。
但是現實馬上教他做人,雖然新公司的產品更加年輕化,但是產品經理的工作其實沒有太大的變化,還是以畫原型、項目推進為主。
在可預見的未來,產品經理將離開互聯網的舞臺中心。
運營人才將接替產品經理的位置,站在在互聯網的舞臺中心引導之后的風向變化。當然,這里說的是大部分一線產品經理,如果你是牛人,你永遠都站在舞臺中央。
不同競爭階段的工作重心是不一樣的,所以在做職業選擇時,最好選擇那些適合自己發揮的行業和公司。
如果你是產品經理,那么最好是進入還在產品為王時期的行業。
如果你是渠道BD,渠道運營等,選擇那些競爭中期的行業。
如果你是活動運營,那么最好去那些競爭非常激烈的行業。
在適合自己的行業中,你的重要性得到了提升,擁有更多的機會學習和實踐,對于自我提升來說是事半功倍的。
有很多創業公司還保持著產品為王時代的思路。
它們所處的行業很可能已經在營銷為王的時代,卻還抱著精細打磨產品的意識,根本原因僅僅是因為領導者是產品和技術出身。
這類公司如果渠道端和營銷端沒有比較好的動作的話,很可能在燒光融資后就被迫關閉。而失敗的原因不是因為產品做的不夠好,而是沒有在正確的時間做正確的事。
有一些公司好一些,它們在產品為王的時代,通過打造優秀產品而崛起。但這種公司很容易形成路徑依賴,原來我們通過產品的優化成功了,那么現在就要繼續做好產品這件事。
但是產品體驗的護城河會慢慢被競品攻占,如果領導者不轉變身份,從“首席產品經理”變成精神領袖,那么很可能就會慢慢衰敗。
因為成功的企業家與市場的用戶的需求距離太遠,如果太專注抓產品的單點突破,就意味著在商業格局平衡和公司長遠戰略上的短視,結局自然不會太理想。
文章來源:人人都是產品經理
HMI是什么?這又和我有什么關系,如果你想置身于智能時代,HMI的認知是一個不可錯過,而海哥把這一生的精力投身于該領域,下面我們開始開啟這條認知之路。我將分三個部分闡述HMI,分別是:HMI是什么?HMI有什么用?誰在做HMI?
HMI,是英文Human Machine Interface的首字母縮寫,中文意思為“人機界面”,或“人機接口”,在國內用“人機界面”多,HMI是“人與機器之間傳遞和交換信息的媒介和對話接口”,可以簡單理解為是一臺微型的電腦,外形像平板電腦,比如蘋果的iPad,但是她有很多插口,像傳統辦公桌上的臺式電腦(后面稱PC電腦),有usb接口、網線接口、串行接口。通常HMI像個積木一樣,嵌入到機器上的,一般是自動化大機器,通過HMI來控制和監視機器的運作,你可以理解為HMI是一臺電腦,她控制打印機打印東西這樣的關系。海哥帶你看看HMI廬山真貌:
看起來是不是一個平板電腦嗎?對的,外形看起來像平板,但是它比較厚,而且很多電腦用的接口,而大家在生活中接觸最多的兩種HMI有兩種,一種是取款機,另外一種就是汽車中控。
下面,海哥帶你了解HMI組成,它是由兩大部分組成的,就是硬件和軟件。
HMI硬件方面,像PC電腦一樣,有五大模塊:處理器(如CPU)、顯示單元(如顯示器)、輸入單元(如鼠標、鍵盤)、通訊接口(如網卡)、數據存儲單元(如硬盤),那一個優質的HMI硬件主要看哪方面呢?就是處理器,處理器有8位、16位、32位,數字越高,處理能力越強。接下來看看硬件周邊的接口,HMI可以連接很多種設備,比如可編程控制器(簡稱PLC)、變頻器、直流調速器、儀表和工業設備等,它們連接到HMI的串口接口,串口的類型有RS232、RS485等。
好了,上面大概對HMI的硬件有初步了解,下面海哥帶你看看軟件部分,軟件部分包括兩部分,就是系統和畫面組態軟件。系統就像PC電腦的windows系統一樣,有自身硬件運作正常的系統,比如我們華為的鴻蒙OS系統。接著就是畫面組態軟件,其實就是像windows里面的Word軟件,叫法上不一樣而已,常規情況下畫面組態軟件只有一個,不能像windows那樣裝很多種類型軟件,而HMI固定是裝一種,我們常規叫他為“工程”,當然汽車上的HMI,就像平板電腦上,功能和軟件都很豐富,因為它是滿足消費者人群的,而只運行一個軟件的,多用在工業機器上,可以減少HMI資源消耗,還能保證整個HMI的穩定性。
海哥剛開始對組態軟件不太懂,組態到底是什么?“組態”(Configure)是“配置”、“設定”等意思,它讓用戶像搭積木一樣,把所需要的軟件功能搭建起來,不需要編寫計算機程序。目前常用的組態軟件有:iFix、Vijeo Designer、WinCC、組態王、MCGS,不同廠家的HMI硬件使用不同的組態軟件,所以他們連接要有不同的驅動程序,這對技術人員來說,學習成本還是比較高,因為目前還沒有一個巨頭來定義這個通用標準,而最近華為的鴻蒙OS系統,開始定義行業的平臺標準,海哥個人覺得這是一件了不起的事情。下面看看常用的組態軟件長什么樣子,我們用WinCC作為例子。
接下來,海哥告訴你HMI的分類,大概可以分三種:
(1、薄膜鍵輸入的HMI,顯示尺寸小于5.7ˊ,畫面組態軟件免費,屬初級產品。
(2、觸摸屏輸入的HMI,顯示屏尺寸為5.7ˊ~12.1ˊ,畫面組態軟件免費,屬中級產品。
(3、基于平板PC計算機的、多種通訊口的、高性能HMI,顯示尺寸大于10.4ˊ,畫面組態軟件收費,屬高端產品。
對于高端HMI產品,面對5G的個性化定制的市場特征,HMI的“配方功能”會很重要,所謂配方功能,就是一臺設備完成不同種類工件的加工,這需要人機界面上具備配方功能,在加工A產品時,執行A配方,加工B產品時,執行B配方,比如西門子公司的MP系列,而如果要實現千人千面的生產需求,也許配方更是一個海量級的,這也是自動化所面臨的機遇與挑戰。
下面說說工作流程,一個HMI制作應用的制作過程大概是這樣的流程:
海哥簡短解釋一下這些流程,在日后海哥會在每個模塊都會有細節教程。
市場調研:了解到市面上的數據量,比如手機用戶數量,大部分用戶使用時長,競爭對手處于什么樣的狀態等;
用戶畫像:了解用戶的年齡、地區、行為習慣、心理習慣等,并賦予到一個場景中,了解用戶在場景中的整個活動和心理的過程;
需求定位:了解到目標用戶的特征后,定制產品或的重點價值,用戶為什么需要你,你有什么不一樣;
頭腦風暴:由不同崗位人員,一起想點子,先暢所欲言,再根據調研和需求來判斷合適的點子;
原型設計:原型簡單理解為手工紙質品,或模型,可以用塑料泡沫或電腦的Axure等軟件,做出實體或虛擬的產品,這需要快速簡單進行;
可用性測試:測試原型是否可行,讓一些陌生人用用,看他們能理解這是什么,會不會用等;
高保真設計:就是把“毛坯房”變成精裝修,開始做最終的視覺效果;
開發制造:開發與機器制造,實現功能;
測試修復:用一種極端條件來檢查產品有沒有問題,比如24小時運作會不會有問題,突然斷電有沒有問題;
版本迭代:第一代產品做出來不等于成功了,因為市場在變,用戶也在變,需要保持變化,優化產品。
下面是一些問題,可以幫助大家更好了解HMI:
問:HMI看起來不就是一個很厚的觸摸屏嗎?
答:HMI是由兩部分組成,分別是硬件和軟件,而像手機或平板的那種觸摸屏,只是一個觸摸的硬件,這種只是讓你能觸摸的部件而已,可以理解為臺式電腦上的顯示器,只是這個顯示器可以觸摸。
問:PC電腦能當HMI設備用嗎?
答:當然可以,只是PC電腦不在會嵌入到機器上,而是通過很長的線或者無線網絡連接到機器,而PC電腦需要通過HMI的軟件,來操控機器。
問:SCADA與HMI的區別?
答:SCADA是監控和數據采集系統,英文是Supervisory Control And Data Acquisition,它包含HMI,SCADA是整局的工業控制系統,范圍更大。
HMI有什么用?海哥認為,有機器的地方就有HMI存在的可能性,特別是5G物聯網的“萬物互聯”的到來,數據不只是在電腦上流動,還會在機器、衣服、鞋子、碗、車等場景中串聯,而把目光放在當下,HMI應用領域已經在機器、工廠、建筑物、汽車、高度監管的制藥和食品行業、石油/天然氣、采礦等領域已經有運作,從這些行業屬性來說,你有沒發現從事HMI的行業的人,它的市場體量有足夠大的想象空間?哈哈,別拉后腿了,與海哥一起跟上。
目前的HMI可以做些什么呢?
(1、實時的信息狀態與趨勢顯示;
(2、圖形化、流程化控制生產線監控和控制;
(3、警報的產生和記錄;
(4、歷史信息的自動記錄、報表自動生成;
HMI的意義有哪些呢?
(1、發揮機器應有的功能,因為你可以通過數據顯示上了解到;
(2、人工合理調節機器參數,讓機器間的協作、使用效率提高;
(3、HMI預警能確保安全與經濟提升;
(4、讓使用者操作機器和系統更友善,符合他們的生理、心理的需求,提高使用者的滿意度;
想在這個行業有所作為,我們怎么能不知道行業的頂尖高手在哪呢?有了標桿,起碼可以衡量我們自身的水準,還有我們缺什么,從另外一個角度來說,你如何作戰略選擇,讓自己也能從差異化中,變成另外一個頂尖高手,下面我們看看專注于HMI的企業,海哥找來自動化制造類的和汽車類的,行業很深很大,日后海哥繼續挖掘新的。
下面是自動化領域HMI企業。
三菱
三菱奉行的企業經營理念“Changes for the Better”,“One三菱電機”為中國“更好的未來”和實現“更好的社會”做貢獻為經營理念。e-F@ctory靈活運用IT技術,將生產現場與上層信息系統直接相連。即可實現工廠的“可視化”,同時又能促進生產設備的高性能化和最優化,縮短開發及調試周期,降低運用及維護成本,從而削減生產工序的整體成本,實現“工廠全面最優化”
西門子
網址:www.industry.siemens.com.cn
面對日益復雜的機器和系統過程,作為一站式供應商,西門子專門設計開發出了 SIMATIC HMI 人機界面技術。SIMATIC HMI 采用開放式、標準化硬件和軟件接口,可快速集成到用戶的自動化系統中,從而滿足用戶的特定人機界面需求。
施耐德
施耐德電氣是家居、樓宇、數據中心、基礎設施和工業領域能源管理與自動化技術數字化轉型的領先企業。“我們的科技,無處不在”,施耐德電氣確保每一個人,在任何時間,在任何地方都能盡享能效之利。
歐姆龍
創立于1933年的歐姆龍集團是全球知名的自動化控制及電子設備制造廠商,掌握著世界領先的傳感與控制核心技術。通過不斷創造新的社會需求,歐姆龍集團已在全球擁有超過35,000名員工,營業額達8,595億日元。產品涉及工業自動化控制系統、電子元器件、汽車電子、社會系統、健康醫療設備等廣泛領域,品種多達數十萬種。
BEIJER 北爾
北爾電子成立于1981年,總部在瑞典南部的Malm?。北爾電子是上市公司北爾集團三大事業部之一。北爾集團的客戶包括 阿法拉法(Alfa Laval)、龐巴迪(Bombardier)、阿爾斯通(Alstom)和艾默生(Emerson)等要求苛刻的大型跨國企業。2018年北爾電子集團銷售額達到14億瑞典克朗。
臺達
臺達成立于1971年,總部在臺灣,為全球提供電源管理及散熱解決方案,秉承“Smarter. Greener. Together.”的品牌理念,自動化模塊中,專注于交流馬達驅動器、電源治理、感測、控制與運動等產品領域的創新研發,同時整合工業自動化產品,繼而開發工業控制網絡,為全球客戶提供全方位的解決方案服務。
汽車中控領域HMI服務企業中,海哥找了三家,他們分別是:HARMAN、INTELLIAS、ELEKTROBIT。
HARMAN
1980年成立,總部在美國,它是三星的子公司,公司員工規模過萬,開發聯網汽車系統,音頻和視頻產品,企業自動化和互聯服務。北美,歐洲和亞洲汽車制造商是哈曼的客戶。該公司還是HMI軟件開發服務的先驅提供商。
INTELLIAS
Intellias是一家定制軟件工程公司,專注于汽車、基于位置的服務和金融技術行業。公司員工規模上千人。Intellias被Inc. 5000公認為歐洲最有前途,發展最快的私營公司之一。該軟件開發公司也被列入全球外包100。
ELEKTROBIT
作為汽車軟件行業的領導者,憑借 30 多年為本行業服務的經驗,EB 的軟件為 1 億多輛汽車中的逾 10 億臺設備提供支持,并提供針對互聯汽車基礎設施、人機界面 (HMI) 技術、導航、輔助駕駛、電子控制單元 (ECU) 和軟件工程服務的靈活、創新的解決方案。
總結一下,今天的《海哥HMI人機交互》,海哥帶你了解了HMI是什么,可以簡單理解HMI就是一個平板PC,既包含了硬件,又包括了軟件系統,硬件方面核心是看處理器,而軟件方面需要用組態軟件來開發,針對項目來做定制開發,開發出來的工程文件,通過串口下載到HMI的處理器上,這樣HMI就可以管控自動化生產的設備,HMI是SCADA總要組成部分。
文章來源:站酷
Sketch 58 Beta 版本已于近期推出(其實最近一段時間已更新了好幾個測試版),官方終于推出 Smart Layout 智能布局,讓 Symbol 組件獲得響應功能,變得更加靈活和強大。
之前我們只能使用第三方插件來制作響應式組件,比如之前介紹的 Kitchen 和 Anima。不過畢竟不是官方親生的,難免會包含一些 bug 和不足。
比如 Kitchen 插件在制作 Symbol 組件的時候,其自動排版功能會出錯。Anima 插件對上傳到藍湖的標注會有顯示問題。關鍵是在團隊協作的時候,其他使用源文件的同學也必須安裝對應的插件,否則沒有效果。
那么這次 Sketch 58 Beta 版本新推出的 Smart Layout 智能布局功能,能否解決長期困擾設計師的響應布局問題呢?一起來看下。
如果想體驗 Sketch Beta 版本,請進入 Sketch 測試版主頁下載→https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改后,低版本打不開。
Sketch 58 要求 Mac 系統版本是 macOS High Sierra 10.13.4 及以上,下面是 Sketch 各大版本對應的 Mac 系統版本,如果遇到新版的 Sketch 打不開就需要檢查下自己的系統版本。
本次 Sketch 58 Beta 最大的更新就是 Smart Layout。
在新建 Symbol 組件時,彈窗新增 Layout 選項,總共有 7 個屬性,分別對應不同的圖標,下面是每個屬性的簡單介紹。
1. No Layout
正常布局,也就是和原先一樣,沒有特殊效果。
2. Left to Right Layout
賦予 Symbol 組件智能布局效果,組件尺寸會根據內容變化,方向是水平從左往右布局。
3. Horizontally Center Layout
同上,方向是中間往左右兩端布局。
4. Right to Left Layout
同上,方向是從右往左布局。
5. Top to Bottom Layout
賦予 Symbol 組件智能布局效果,組件尺寸會根據內容變化,方向是垂直從上往下布局。
6. Vertically Center Layout
同上,方向是中間往上下兩端布局。
7. Bottom to Top Layout
同上,方向是從下往上布局。
另外在選擇好 Layout 屬性后,Symbol 頁面的畫板組件圖標會發生變化,除了 No Layout 布局還是之前的畫板圖標之外,其余 6 個都有對應的新圖標,看下圖。
此外,選擇畫板后,右側的屬性面板中會新增布局選擇功能,包含上面講的7種屬性,可隨時對 Layout 布局進行更改。
看上面的描述還是比較迷惑,實際上智能布局簡單來說,就是賦予 Symbol 組件內容邊距的功能,尺寸隨內容變化而變化,有點類似于前端 CSS 中的 padding 屬性。下面用實際例子展示。
以前我們使用過 Kitchen 和 Anima 制作過彈性按鈕。需求是,文字兩端的邊距(即CSS中的padding)保持固定,文字數量不固定,按鈕寬度隨文字內容走。
那么在 Sketch 58 中,我們先制作一個按鈕,文字兩端的邊距是 20。
轉化為 Symbol,出現彈窗,在新增的 Layout 下拉中,選擇 Left to Right Layout,這樣文字變化時,左邊是固定不動的,內容往右邊延展。
這樣一個彈性按鈕就做好了,不管文字有多少,兩端邊距永遠保持固定 20。和前端 CSS 中的 padding-left 和 padding-right 功能一樣。
如果這個時候我們再拉伸 Symbol,右側 Overrides 會出現一個新的圖標:縮小實例以適配內容。點擊后,被拉伸的組件會還原為文字內容長度。
注意,這個和原先的重設覆蓋層圖標不同,不會清除覆蓋的文本內容,只會還原為適合內容大小。
以上是從左往右的布局,水平兩端和從右往左也是一樣的道理,只是方向不一樣,下圖是從右往左的布局。
這就是智能布局的主要功能,賦予 Symbol 組件 CSS 代碼 padding 屬性,具備響應特征。還需要注意的是,智能布局目前只針對 Symbol 組件,Kitchen 插件是可以作用于普通組的。
上面是單個組件的智能布局,如果是嵌套組件呢?也是可以的,一起試下。
我們把剛才做的按鈕橫向分布三個,再一起做成新的按鈕組 Symbol 組件,結構看下圖。
新的按鈕組內,每個按鈕已經是響應式的,那么做成組后就會保持組內元素的間距固定,更改下文字內容看下圖。
非常棒,已經滿足了我們剛開始的需求。但是不建議嵌套過多,要保持組件化設計思維。當然了,間距問題,Sketch 57 已經提供了多元素間距調整功能,只多了一步,但是不用把整體再次轉化 Symbol,大家可以根據自己的需要靈活選擇。
以上講的是水平方向布局,同理垂直方向布局道理也一樣,我們以最常見的信息卡片為例子。一般情況下卡片圖片不變,標題和內容文字的不固定會導致卡片整體高度也會發生變化。利用智能布局我們可以讓卡片變成響應式擴展。
確定好上下左右的間距,例子中用的 16,然后建立組件,Layout 選擇從上往下布局,這樣標題和內容文字增多,上下的間距是保持不變的,內容高度自動增加。
以上就是 Sketch 58 Beta 版本新增的 Smart Layout 智能布局介紹。關于這個新功能,我們還可以做很多響應式的組件,提升設計效率。Sketch 的更新速度也在加快,很多之前第三方插件才可以實現的效果也被官方一一收入囊中。希望 Sketch 的發展越來越好,成為設計師真正的設計利器。
58 版本的歡迎界面也做了大更新,至于好不好看就因人而異了。最后來一睹芳容。
文章來源:優設
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
為什么“私域流量”如此火爆,互聯網人必看!最近一個全新的名詞頻繁出現在我們的視野里,它和去年的“增長黑客”一樣,在互聯網圈子里被炒的火熱,它伴隨著微商和社交電商而出現,它已經悄悄改變著整個互聯網營銷格局,它就是“私域流量”。
恰好上周我在團隊內部也分享了關于“私域流量”的話題,這期間還糾結要不要整理到公眾號里。然鵝,樂于分享的精神將我腐蝕~,今天就不聊設計、不聊產品,來談一談我眼中的“私域流量”,拓展一丟丟互聯網的思維邊界。
一、什么是私域流量?
要讀懂私域流量,首先要了解流量池的概念,流量池是流量的蓄積的容器,主要是為了防止有效流量流走而設置的數據庫,比如:淘寶、百度、微博等。只要有足夠的預算,可以持續不斷的獲客(獲取新用戶的渠道),被稱為流量池。
而私域流量指的是品牌或個人自主擁有的、無需付費的、可反復利用的、能隨時觸達用戶的流量。它并不是一個新生事物,只是與我們曾經接觸的流量相比,更加便于商戶或個人使用的流量。
比如:之前社交媒體還沒普及的時候,私域流量就是客戶的聯系方式(手機號、郵箱、住址等),想要聯系他們時,可以打電話、發短信、發郵件、甚至往他們家寄樣品體驗。當時這些客戶信息甚至都是公司的商業機密。
隨著時代的進步,如今的私域流量是一個完全屬于“你”自己的私人地盤,大到年入上億的商家,小到個人經營者。這些流量存在于公眾號、微信好友、微博、社群、朋友圈、頭條號、抖音等社交媒體里,它是一切你可以隨時掌控的私人流量池(既私域流量),這個流量池里聚集的是你的粉絲、客戶和潛在客戶。
而產品則是承載用戶流量的工具,即使用戶分布在不同的產品里,但只要是在個人賬號的,就是你的私域流量。顧名思義,私域流量就是屬于自己的流量,相對公域流量而言,主要指個人或品牌自主擁有的自由流量,它需要通過沉淀和積累來獲取的更精準、轉化率更高的垂直領域流量。
二、公域流量與私域流量
任何一家互聯網公司,都離不開一個核心問題——流量。得流量者得天下,有了流量才能進行下一步轉化,“流量”既代表大眾的關注點。
對互聯網公司來說,流量就是市場,流量就是用戶,流量就是商機。我們講的私域流量就是這部分流量屬于商家或個人的“私有資產”。既然有私有,那必然有公有。與私域流量對應的是公域流量,比如淘寶、京東這些大的流量平臺,所有的流量都要花錢買,而且越來越貴,這里的“花錢買”指的是廣告推廣、排名推廣等。有了曝光率,用戶的關注點(瀏覽行為)自然就來了。
這兩類流量有什么本質上的區別呢?
公域流量和私域流量并不是絕對概念,而是相對概念。比如一家商場開在步行街上,商場里的流量相對于步行街就是私域流量,因為店鋪基于步行街內。而步行街的流量相對于商場就是公域流量,因為其他店鋪也可以享用。再比如,從淘寶里打開一個網店,網店里的流量相對于淘寶就是私域流量,而淘寶的流量相對于網店又成了公域流量。同樣,公眾號的流量相對于微信就是私域流量,微信的流量相對于公眾號就是公域流量。
所以說,公域流量就像大海,剛開始魚多,捕魚的人少,即便我們捕魚的技術一般,也能有所收獲。隨著捕魚的人越來越多,捕到魚的成本越來越高,魚的質量卻越來越低,于是很多人就開始自建魚塘養魚,這樣捕魚的成本低了,也更容易捕到魚了,還能租出去讓別人釣魚,自建魚塘就是私域流量。伴隨著流量紅利的減緩,公域流量逐漸飽和,商家很難再以較低的成本來獲客了,為什么是較低的成本?請往下看案例。
公域流量:
公域流量也叫平臺流量,它不屬于單一個體,而是被集體所共有的流量。來看看我們常見的的平臺流量五大板塊:
電商平臺(淘寶,京東,網易考拉等);
內容聚合型平臺(騰訊新聞、網易新聞、今日頭條等);
社區平臺(百度貼吧、微博、知乎、簡書等);
視頻內容型平臺(騰訊視頻、愛奇藝、抖音等);
搜索平臺(百度搜索、谷歌搜索、360搜索等)。
對于平臺中的個體來講,他們只能以付費或活動等方式,在滿足平臺規則的原則下獲取流量,留存率較差,因為個人沒有支配權,只能跟隨平臺的發展規律順勢而為,且流量始終屬于平臺,個體稍有過分的營銷嫌疑就會被封號。很顯然,他們都依靠于平臺獲取流量,并且不能完全掌控自己的流量分發。
這種形式所帶來的弊端便是每次流量的使用需支付高昂的費用。當然,優點僅為流量獲取方式相對簡單,花錢購買,付費即可,平臺會根據你付費的級別來定制推送計劃。但這種推廣方式,相當于大海撈針,比如我們在百度上做推廣,想利用百度的流量來曝光我們的UI設計網課,但是每天使用百度的用戶來自于各個階層、各個崗位,需求五花八門,可能100個訪問用戶中,只有1個是具備目標用戶條件的,所以平臺流量不能精準的曝光到目標用戶所在的群體。
私域流量:
接下來,我們對比一下私域流量,它屬于單一個體的流量。比如某個公號的關注用戶都是UI設計師,那這個公號的私域流量就是推廣UI設計網課的首選目標,因為大家都有這個需求、都來自這個領域,只不過需求的渴望程度不一樣而已。在100個閱讀用戶中,可能有10個會仔細了解。所以這種推廣方式的精準度要比平臺流量更高,關鍵是推廣費用極低。弊端是曝光率、影響面積、用戶熱度是臨時性的,但在短時間之內是有明顯的用戶增長,這就是所謂的“極速獲客”、“熱點獲客”。
所以我們常見的私域流量都存在于個人號中,他們可以完全掌控自己的流量分發。比如在微信中,好友也是我們的私域流量,我們可以選擇不同的好友分組推送消息,所以私域流量最大的特點是直接觸達用戶。
同時,私域流量可以反復利用,更適用于復購屬性強的產品,利于增加復購率,比如我們生活中一些小超市的營銷手段就是利用私域流量增加顧客的粘性和復購率的:在超市購買商品支付時,收銀員要求你添加他們店長的微信號,添加成功可以送多少積分,打多少折扣,這就是獲客的第一步,然后店長會把這些顧客拉入到一個微信社群里,每天定時推送一些打折商品、優惠新品等,有些用心運營的還在社群里做“搶紅包”的活動,搶到最多的前三名當日到店購買商品送500積分等。
我們可以看出,比起公域流量,私域流量更注重引導和運營。如果用一句話概括私域流量和公域流量的區別,就是:私域流量的用戶屬于個體,公域流量的用戶屬于平臺。
三、私域流量的特點與價值
1、更可控
假設某平臺有一百萬用戶,然而這一百萬用戶跟我們沒有任何關系,我們只有把里面的用戶導入到自己的平臺,才算自己的用戶,后續對這些用戶的針對性服務才有可能發生。
就拿“抖癮”來說,用戶喜歡的短視頻很多,當對其中一個視頻感興趣時,可以選擇關注號主,關注后可以第一時間享受到號主提供的視頻服務,而對號主來說,關注者就是從平臺引入的私域流量。當關注號主的用戶越來越多時,這個號主就成了所謂的網紅,并在特定領域有一定的影響力,因為后面有一大群“私域流量”在支持他,基于此,一些其他的業務和廣告就隨之而來,這伴隨的也就是收入。號主也可以選擇性服務,將關注用戶人群細分,從而合作不同的品牌。
2、更省錢
產品在平臺流量獲得曝光需要支付高昂的費用,比如:關鍵詞競價、關鍵詞推廣等,如果你想通過平臺獲得不花錢的曝光...還是別想了,不可能的,人家的流量也是花錢砸出來的。
私域流量幾乎是免費的,一旦把用戶從平臺流量引入到私域流量,比如:微信社群,那真是我的地盤我做主,怎么玩都是我的權利,當然也不能太放肆而喪失了所謂的本質,如果用戶體驗不好,分分鐘會被別的“私域流量”引導走,畢竟選擇也是用戶的權利。再就是前面舉的UI設計師網課和超市的例子,直接跟“熟客”建立聯系,省下了渠道推廣費不說,熟客們還愿意為你安利更多用戶,這相當于幫你免費做了宣傳推廣,無形中產生了裂變。所以產品在私域曝光的成本要比平臺曝光低得多,甚至幾百塊就可以搞定一個精準推廣,而這個精準推廣還會產生二次流量。
3、更豐富的營銷玩法
私域的運營能讓商家與消費者建立更親密的連接,那商家就可以基于產品做延展,不管是二次營銷還是多元化營銷,只要你輸出的內容不讓用戶失望、討厭,就有助于銷售。
我們身邊最常見的就是分享文章到朋友圈進交流群、參與文章中的紅包抽獎、評論區積攢送書、公眾號文章互推等活動。這無形中就是為商家的私域流量進行了裂變和促活。
當然這些只是很小一部分的玩法,也不違背互利的原則:我分享你的文章進了我想進的交流群、我幫你的文章帶來一次閱讀,但我可能獲得抽獎紅包、我發動身邊朋友幫我積攢,對你的產品進行了裂變式曝光,但我得到了想要的書籍...
寫到這里讓我想起之前在網上看到的段子“我把你當朋友,你卻把我當你的私域流量”。然而,不管是現實還是網絡,不可能有人在商業環境里無私的付出,雖然說的很透,但我們還是需要正確認識現實,畢竟這是個資源互換、資源共享的互聯網時代。
4、更高的客戶穩定性
私域流量可以有效防止用戶流失,尤其是你經常交互的用戶。通過運營私域流量,與用戶建立起情感互動(交互),你推薦的產品他們也不會條件反射般地當作廣告去屏蔽掉,同時你的誠懇推薦也會讓用戶穩定性越來越好,不容易流失。
現在很多商戶都會主動以個人號去添加一些顧客,通過私人關系為他們提供訂座、專屬折扣和所謂的VIP服務,平時有事沒事嘮嘮嗑、相互點個贊、時不時來一句贊美的評論啥的。所以,商戶在用戶面前曝光多了,也能起到喚醒用戶記憶的作用,久而久之復購率也就提升了。
5、更利于塑造品牌和個人IP
好品牌反映了好口碑,在某種程度上會幫助用戶消除掉選擇困難癥,比如我們買鞋子,品牌這么多,我肯定首選我心目中排在第一的,這個“第一”就是用戶對商戶精神層面的認知和信任,品牌塑造的過程就是用戶忠誠度建立的過程。
私域流量的交互,可以拉近品牌和用戶之間的距離,通過產品提供的服務把同類人群聚集在一起,這些人累計起來的影響力不可小瞧。不管商戶大小,掌握私域思維,都能有效的促進與用戶的溝通,增加用戶粘性和忠誠度。
在運營私域流量時,最常見的錯誤是沿用以前的思維。比如很多公司讓客服團隊搞大量微信個人號做朋友圈運營,但其實沒有任何一個微信用戶希望自己的朋友圈里多了一個廣告客服。私域流量轉化的核心是信任,是基于人與人之間的信任。這里有一個非常重要的環節,就是個人IP化打造,打造一個行業KOL或專家的身份,比如你在某個領域有豐富的行業經驗,通過某些途徑將你的經驗分享給有需要的人,這就從中產生了濃厚的信任,因為在用戶眼里,你就是行業的專家(你說啥都對~),完成這步之后,私域流量才可能提高轉化。說白了就是你(商戶)能為用戶提供什么樣的服務,這些服務被多少人所認可。
四、身邊常見的導流方式
1、靠利益誘導
比如關注公眾號領紅包、下載APP送現金、注冊領優惠券等。在流量池獲得曝光后,用戶看到進入私域流量有好處時,一般都會形成轉化。雖然數據在短時間內很美麗,但留存率和活躍度不敢保證,這需要產品內的引導和體驗來支撐。
2、解決內容訴求
做優質的內容輸出,解決用戶的內容訴求,靠內容本身打動用戶形成轉化。比如你正在看這篇文章,你覺得有點收貨,就產生了關注我公眾號的想法,并做出了關注的行為,這個“行為”就是一次轉化。所以做內容私域的本質在于產出有價值、有思考、有幫助的干貨。當別人發現你產出的東西,對自己有幫助時,會主動前來,這是長久的打法。
五、寫在最后
私域流量的拉新和運營,就是與人打交道、與一群人打交道,和做產品一樣,滿足他們的核心需求,以及一些增值需求?,F在關于私域流量運營還沒有太多成熟的玩法,商家多半還在摸索和嘗試中。我們也不要只盯著微信平臺,用戶在哪里流量就在哪里,私域流量池就在哪里,就像有些朋友從公眾號轉戰到“抖癮”一樣。
掏心窩子:當然我個人并沒有太在乎私域流量給自己帶來的利益,因為我始終把在UI中國寫文章當做一種學習成長的方式而已,通過輸出一些復盤和有挑戰的知識點,幫助自己突破思維邊界,同時還能結交各位同行,簡直兩全其美。
??希望對你有所幫助~
是的,我們距離目標又近了一步,標紅的你都看了嗎?
文章來源:ui中國
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
藍藍設計的小編 http://www.syprn.cn