<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          2021年流行的十大用戶體驗設計趨勢

          藍藍設計的小編

          2020年結束,此時正是一個很好的時間節點,我們共同探尋2021年即將擁有怎樣的未來。本文將帶你發現,即將在2021年流行的十種移動用戶體驗設計趨勢。

          2021最值得期待UI風格 - 玻璃擬態全面解析

          前端達人

          通過這篇文章,你將全面了解2021UI趨勢中最熱門的Glassmorphism風格


          轉自:站酷

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          我們怎樣理解暗黑模式

          資深UI設計者

          /引言

          “由理有劇”系列以”我們怎樣理解暗黑模式“為開篇,緣由作者正在任職的工作是 TO B 產品交互及界面設計,入職時正值公司整體產品線升級迭代,用戶界面從淺色模式向暗黑模式探索的階段。這個探索階段面臨的本質問題便是“到底什么是暗黑模式”,同時“我們為什么要用暗黑模式”的問題也隨之而來。

          為了給公司同事闡述這兩個問題,作者搜集了大量資料,翻閱了相關產品系統所給出的設計文檔,重點圍繞“什么是暗黑模式”展開,逐步推敲其中的理論原理,總結出便于理解的文字內容。這樣做的目的簡單有二,一是與產品、開發、測試方面的同事能夠達成向暗黑模式優化升級的共識;二是能夠讓我們的各個產品線更從容地去擁抱暗黑模式的到來。



          /“由理有劇”系列篇01:我們怎樣理解暗黑模式


          文章大綱

          1、是什么?

          2、為什么?


          一、是什么?



          隨著 iOS 13 和 Android 10 的正式發布,“暗黑模式 (Dark Mode)”一詞逐漸走入了我們的視野,“暗黑模式是什么?”這個問題也一度霸占了Google搜索榜首。想要深入了解暗黑模式,也許我們可以換一個角度,從用戶界面的演進歷史中尋找線索,從而幫助我們更好地理解暗黑模式。


          作者自從拜讀了《蘋果三劍客》,對于用戶界面的前世今生才有了更深的了解,蘋果的產品發展史,某種程度上也可以稱為用戶界面的演進史。廢話不說,下面讓我們一起簡單聊聊。



          1、原來,“Dark Mode”是用戶界面的起源


          計算機誕生的早期,其顯示器一直以“暗黑模式”面向操作者,其緣由是早期的顯示技術一直被CRT主導,CRT釋義為“陰極射線顯像管”,在19世紀末被研制出來,因為制造原理相對簡單,所以CRT一直是早期電腦顯示的主力,但在上世紀80年代之前僅支持單色顯示。


          下面兩圖分別為蘋果公司于1977至1980年間生產發售的 Apple II 及 Apple III 型計算機

          圖中顯而易見,兩款計算機的顯示方式均為單調的黑底白字或綠字,呈現出一種“暗黑模式”的視覺效果。蘋果公司的 Apple II 和 Apple III 兩支產品線一直以這種“暗黑模式”面向用戶。這也反映了早期的計算機以輸入代碼執行數字運算作為主要功能,但是這從另一方面反應出:未來計算機會借助不斷成長、成熟的電子技術,必將掀起一場接一場的變革,用戶界面也隨之不斷地革新。



          2、Apple Lisa(麗薩)奠定了計算機向“圖形用戶界面”演進的基礎


          上個世紀80年代之后,CRT彩色顯示技術成熟,逐漸流行普及到各個電子行業,但當時主流的計算機操作系統并沒有“圖形界面”這個概念,所以大部分計算機產品依舊延續了先前黑色背景的顯示方式。


          直到1983年1月9日,在年度股東大會上,蘋果宣布了兩款將在未來的計算機行業中占據關鍵地位的產品:一款叫 Apple Lisa (麗薩,老喬的第一個女兒),蘋果第一臺(也是全球第一款)基于圖形用戶界面(GUI)的計算機,也就是 Macintosh 的前身;另一臺叫 Apple IIe ,是已獲高度成功的 Apple II 系列的新一代進階產品。

          Apple Lisa 向主流個人電腦行業介紹了一種全新的鼠標控制的圖形用戶界面,宣布向單調的黑白用戶界面告別。


          運用形象的圖標、方便的下拉菜單和重疊的窗口,替代了此前一貫使用的輸入文字命令,Lisa的圖形用戶界面開啟了消費者與個人電腦交互方式的革新之路。盡管Lisa存在諸多缺點,如定價過高,功能缺失、運行緩慢等,但它的圖形用戶界面依然給它贏得一陣喝彩。


          Lisa的GUI影響如此深遠,以至于諸多電腦制造商紛紛加入鼠標控制的GUI領域,爭相模仿。就在Lisa首次亮相十個月后,微軟于1983年11月推出了Windows操作環境。(對于此事,老喬總是公開譴責微軟的蓋茨抄襲他的產品創意,甚至想讓蓋茨吃官司,兩位大佬一直不合也是業界皆知,跑題了...)

          ///一個有意思的事兒:今年7月份,一位外國的蘋果粉在Twitter上發布了一條關于 Apple IIe 型計算機的動態,內容展示了自己使用 Apple IIe 型計算機進行智能化任務的過程,如發送推文、在Evernote中寫作、發送電子郵件,甚至控制智能家居(如下圖)。要知道,這臺計算機生產發售至今已有37年的時間。由此感嘆,不得不說蘋果對于產品的品控做到了那個時代的。



          3、Macintosh(麥金塔)推動了“暗黑模式”向“淺色模式”的邁進


          1984年,蘋果發布了個人計算機 Macintosh(麥金塔),Macintosh 延續了 Lisa 的圖形界面語言,并向世界普及了圖形用戶界面(Graphic User Interface)的概念,從而開啟了以白色為底色的圖形交互時代。

          Lisa獲得的一些成就在 Macintosh 上體現的淋漓盡致,包括靈活的鼠標、點陣影像圖、桌面的布局、形象的圖標、相稱的字體、屏幕上方的下拉菜單和重疊的窗口,這些也得益于日益成熟的顯示技術和不斷進步的計算處理技術。形象生動的圖形設計和界面交互一直是老喬最引以為傲的杰作,不得不說,老喬對于計算機行業甚至是設計行業都有著極高的敏感度和先于旁人的前瞻性。(當然,這里的主語應該是蘋果)


          Macintosh 產品的成功,不是蘋果一味地迎合計算機消費市場,而是利用創新的方式引導市場,引領計算機行業向人性化的用戶界面發展、邁進。


          至此,我們也徹底地向“暗黑模式”說了再見,全面擁抱“淺色模式”的到來。



          4、“淺色模式”成為用戶界面的主流


          麥金塔搭載的 System 1 打破了字符終端的模式,淺色的界面風格一直持續到 System 6 都沒有顯著的改變。直到1991 年的 System 7 開始引入彩色,圖標也增加了隱約的灰色,藍色和黃色陰影。System 7 系列中的 7.6 版本正式被蘋果公司改名為 Mac OS ,而這一年是1997年。

          與此同時,微軟的 Windows 從黑屏的 DOS 發展到全屏幕的 Windows 1,再到較為成熟的 Windows 3,最后演變到奠定當今 Windows 界面基礎的炫麗多彩的 Windows 95。用那個時代的眼光來看,微軟的變化是相當驚人的,微軟儼然成為了一匹計算機行業的黑馬,一路趕超蘋果成為行業霸主,而蘋果因為因循守舊,在界面設計上從領先掉到了最后。

          此后,從 Mac OS 8 到 Mac OS X Server 1.0 ,蘋果一直專注于改善操作系統和優化界面表現,直到2001 年 3 月,經歷了四個開發者預覽版和一個公共測試版之后的 Aqua 界面終于跟隨 10.0 正式發布,發布后改變了人們對計算機界面的印象,在隨后的10年里蘋果一直沿用這套界面風格。

          OS X 系列用戶界面較大的更新來自于2007年10月發布的 10.5 Leopard 豹,雖然基本的界面仍為 Aqua 和其糖果滾動條,但新加入了一些鉑灰色和藍色,另外重新設計的 3D Dock和更多的動畫交互使得新界面看上去 3D效果更強,此外還改進了 Finder、半透明菜單條并新增了最初只用于 iTunes 的 Cover Flow界面。


          整體來說,Mac OS X 10.5 Leopard 豹 這一版本的用戶界面相比之前有了翻天覆地的變化,靈活生動的圖形語言和交互體驗重新得到了用戶青睞,蘋果也以此,再一次走上了引領潮流之路,使得多彩的“淺色模式”成為用戶交互界面的主流。

          蘋果開創性的界面圖形語言也延續到了移動設備領域。

          2007年的初代iPhone作為蘋果公司第一個移動設備產品(iPhone1代)首次亮相市場,驚艷了整個行業,iPhone搭載的 iPhone OS 和后來更名為 iOS 的系統,延續了 Mac OS 用戶界面的設計語言。在歷代iPhone上可以看到沒有物理鍵盤侵占空間的屏幕,精美的的方塊圖案整齊的排列開來,顏色豐富且耐看。

          依稀記得當時的我們,還玩著黑白屏幕上的俄羅斯方塊,還敲打著物理鍵盤上的九宮格,挪雞鴨也表示永不為奴。

          2010年堪稱iPhone史上最重要的一年,蘋果推出了“改變一切”的iPhone 4,并對其用戶界面進行了革新。

          生動的擬物化設計風格正式成為業界潮流,這也使得UI行業逐漸熱了起來,蘋果的界面設計規范也順勢成為了主流的移動端設計規范。

          蘋果以此作為移動端界面設計的基礎,沿用到之后的iPhone系列中,期間iOS系統的風格保持依舊,只有 iPhone 5S 搭載的 iOS 7 做出了圖標由擬物化向扁平化的改變,但整體都以“淺色模式”作為主流的用戶界面視覺模式。



          5、“暗黑模式”的正式登場


          在 Mac OS 的系統上,用戶可以通過“通用設置-外觀”來對整體界面進行淺色、深色的切換,可以看出,蘋果早已把“暗黑模式”納入到他們的開發隊列中,也就是說,“暗黑模式”的概念主要來源于蘋果的 Mac OS,這也為“暗黑模式”的正式登場埋下了伏筆。

          自從有了這個概念之后,很多網站都為用戶提供了“淺色”和“深色”兩套界面,便于用戶根據自己的習慣或愛好進行切換。在 Mac OS 之后,很多 App 和 Android 定制 ROM 也加入了所謂“深色模式”的支持,其中也不乏 Web 端的網站、系統等。

          北京時間2019年6月4日,果粉期待已久的蘋果WWDC19如期而至。

          發布會上,庫克一如既往地優先調侃了Andriod系統一番….(蘋果一直喜歡用數據說話,想了解的同學可以回顧一下發布會的視頻)

          言歸正傳,在發布了一系列硬件之后,庫克終于介紹了大家期待已久的 iOS 13。新發布的 iOS 13,除了提升系統流暢度和增加系統穩定性外,還介紹了其他提升用戶體驗的優化。


          其中,最為引人注目的“暗黑模式”即將亮相于新系統。

          發布會表示,暗黑模式可以“改善電池壽命,改善視力不佳和強光下的人的可視性,以及在弱光環境中更好地使用設備”。

          “Wow,beautiful!”、“That’s beautiful!”、“That’s so beautiful!”發布會的主持人一邊演示使用在暗黑模式下的App應用,一邊不由自主地發出贊美。這也許也受到了老喬的影響,猶如在劇場舞臺中心的話劇演員,有著一種無可比擬的自信和氣場。

          但有意思的一點是,主持人展示了 iOS 13 暗黑模式的開發團隊合照,從極客穿著到賽博朋克式的暗黑搖滾裝扮,這一戲劇性的變化似乎在告訴大家:“玩,我們也是認真的?!?

          發布會上簡單演示了暗黑模式下的漂亮界面,雖然沒有過多地闡述暗黑模式的開發細節,但是這標志著暗黑模式“重新”登上歷史舞臺。



          6、小結


          我們從蘋果產品發展史中,不難發現蘋果對于用戶體驗的理解是具有創造性的,總是能先于用戶發現用戶的潛在需求。蘋果產品的發展史也可以稱之為用戶界面的演進史,從早期黑色背景的計算機桌面發展到以淺色為主的用戶界面,再到 iOS 13 正式發布的“暗黑模式”,這一過程貌似是在“返祖”,但這些始終是圍繞以用戶體驗為中心的改變和突破。


          “暗黑模式”是什么?拋開技術理論,簡單理解就是降低用戶界面在設備上的亮度,以深色的背景、較低的對比度、灰階的色彩來呈現用戶界面,提升用戶使用產品的體驗。



          二、為什么?


          上面我們提到了,根據 Apple 官方的說法,暗黑模式可以“改善電池壽命,改善視力不佳和強光下的人的可視性,以及在弱光環境中更好地使用設備”。

          我們可以圍繞這個說法,結合我們與設備、環境的關系進行探討。



          1、更好地適應弱光環境


          隨著人們對智能設備的依賴性越來越強,設備使用的時間也高頻覆蓋了白天到黑夜,夜晚使用的頻率更是與日俱增,所以暗光環境的使用需求被實實在在地擺到了臺面上。以設計職業為例,在阿里巴巴 UCAN 2019 設計大會上分享的數據結果顯示:設計師群體夜晚的工作時間通常在5-6個小時…

          不是在加班就是在加班路上的我們更習慣于在夜間工作,夜間安靜的環境更能讓我們專注設計、靈感爆棚。但這也在另一方面表達了我們需要設備更加符合我們在弱光環境下的視聽需求。

          Dark Mode 由此應運而生,使用暗色模式可以縮小屏幕顯示內容與環境光強度的差距,可以保證使用者在暗光環境下使用設備的舒適度。也就是說 Dark Mode 可以降低屏幕的整體視覺亮度,降低對眼睛的視覺壓力,再也不用怕夜晚的設備屏幕刺瞎我們的雙眼了。


          但這里我們要理解一個概念,“降低對眼睛的視覺壓力”并不等同于所謂的“護眼”,夜晚使用暗黑模式的設備,實際上并沒有改變屏幕的“頻閃”問題,所以說用戶看屏幕的時候依舊會有視覺疲勞的癥狀,所以各位大佬還是晚上少看屏幕,多愛護眼睛吧。



          2、更好地專注顯示內容



          想象一下,我們在電影院看電影時,為什么要全場關燈?

          甚至有些APP, 在影片的下方也會有一個模擬關燈效果的按鈕,來讓整個手機屏幕變黑, 只剩下視頻畫面的部分,這都幫助我們可以更專注、更沉浸在當前的內容下,也就是所謂的“沉浸感”。


          這其中的原理就是色彩本身是具有層級關系的,深色會在視覺感官上自動后退,淺色部分則會向前延展,這樣對比強烈的層次關系可以讓用戶更注重被凸顯出來的內容和交互操作;尤其在信息負責界面內層級關系的合理拉開對操作效率都有明顯的促進作用。

          這一點在股票交易軟件上就是最好的驗證,目前來看全世界絕大多數的股票軟件采用的都是負極性,也就是暗色底的設計方式。紅色和綠色代表的漲或跌(不同國家顏色表示可能不一樣)在這樣的深色背景下就會特別顯眼,還有一些顏色比如藍色用于某些數據的走勢圖。這樣的顯示幫助用戶更好地集中精力在數據獲取上,更快地做出決策。


          3、更好地迎合消費品味


          這里所提到的消費品味是來自用戶層面的潛在心理需求。

          從心理學角度而言,顏色可以影響觀者的感受和情緒,這直接影響到用戶對于一個事物的判斷和選擇,這就像我們消費購物一般,有時候我們的消費不完全是為功能、實用性買單,而更加看重的是一個產品的外觀屬性,當產品的外觀符合我們的消費審美甚至超越預期時,我們往往會更快地做出消費選擇。


          而黑色在積極層面的外在直觀表現為高貴、莊嚴、鎮定、神秘,這代表著黑色相比其他顏色存在著更多的可能性,這也造就了黑色成為百搭色,可以作為其他顏色的底色、陪襯色進行使用。暗黑模式也存在同樣的心理暗示,沉穩、神秘的黑色會讓用戶聯想到產品的穩定和高級,提升用戶的心理信任度,迎合用戶的消費品味。

          4、更好地改善電池壽命


          最后才探討耗電功效方面的問題,算是一個壓軸問題了,在某種程度上說,智能移動設備目前最大的矛盾是性能與電池功效的博弈。如果去微博等社交網站進行搜索可以發現,為了省電而使用深色主題或者說黑暗模式的用戶大有人在,尤其是一些中高端采用 OLED 屏幕的手機。這是為什么?


          暗黑模式省電的作用來源于 OLED 這種材質的特性,這種屏幕經過多年發展如今已經取代了 LCD 在中高端手機上的地位。和 LCD 依賴于背光不同,OLED 自發光的特性使得屏幕能夠獨立控制單個像素是否發光,也就是說畫面越黑,采用 OLED 屏幕的手機就越省電。下圖做了一個簡單的理解示例,每一列的格子代表亮度,在不同亮度下有相對應的耗電量顯示,閃電的亮度代表耗電量的多少。

          理解了簡單含義,我們再來看一下Notebookcheck上對于OLED功耗的專業研究數據。在使用 OLED 屏幕時,屏幕上顯示的內容決定了功耗。當屏幕基本全黑時(OLED <1% White),OLED 屏在任何亮度下的功耗都保持恒定。顯示了白色內容的屏幕,功耗曲線會隨著亮度提高而逐漸變陡。

          上面的可視化圖表相對來說可能需要一定的理解時間,讓我們翻譯簡化一下。

          上圖顯而易見,OLED屏幕的耗電量不僅受到亮度高低的影響,關鍵在于在OLED屏幕顯示了什么,有多少區域是淺色甚至是白色的,有多少區域是深色甚至黑色的,深色區域占比越高,相比較之下OLED屏幕也就越省電。這也就證明:OLED屏幕在使用以深色為主的顯示模式時,能夠降低耗電量,提升供電效率,也就是改善電池壽命。


          文章來源:站酷   作者:強強0075

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          一篇文章搞懂毛玻璃擬態

          資深UI設計者


          設計趨勢輪回,玻璃效果以一種新的展現形式回歸,我們以往對它的稱呼有毛玻璃效果、磨砂效果等,在下文中統稱為毛玻璃擬態。

          前言


          設計趨勢總是在不斷的變化,近幾年擬物風格又以新的形式——新擬態回歸大眾視野,蘋果發布了macOS Big Sur 操作系統,整體風格應用了新擬態的設計思路,采用了3D質感的元素設計,其中還包含了運用陰影、透明度以及背景模糊/高斯模糊手法模仿玻璃形態,構建空間感的新興擬物態風格——毛玻璃擬態風格。

          undefined


          一、毛玻璃擬態的歷史


          毛玻璃視覺其實可以追溯到2007年微軟發售的 Windows Vista和Windows7,隨之后來的OS X 10.10(Yosemite)和iOS7中大量出現毛玻璃效果,比如底部快捷菜單欄、通知中心和多任務切換窗口等,蘋果公司加大了模糊程度,透明效果基于扁平,更順應當時UI扁平化的設計趨勢。


          后來,蘋果在他們的移動操作系統中大大減少了毛玻璃效果,但是最近在 MacOS Big Sur 中又增加了毛玻璃質感。微軟的 Fluent 設計系統也非常注重這一效果,他們稱這種效果為 “亞克力”,并將其作為設計系統的組成部分之一。


          二、毛玻璃擬態的特征及優缺點


          1.毛玻璃擬態的特征

          毛玻璃擬態模仿了塑料材質(凹凸質感,凸顯層次感),這個新的視覺風格更加注重垂直空間Z軸的使用:

          —透明感(使用背景模糊/高斯模糊的磨砂玻璃效果)

          —物體漂浮在空間中,通過前后關系表現層次感

          —鮮艷的色彩感,更突出了模糊的透明度

          —半透明物體邊緣的微妙處理,采用細膩的邊框來表現玻璃質感

          這是注重空間感的典型特征,意味著這種風格有助于用戶建立界面的層次結構和深度。用戶可以看到物體間的層次關系,哪一層在哪一層之上,就像空間中真實的玻璃一樣。


          2.毛玻璃擬態的優缺點


          優點:

          毛玻璃擬態效果之所以被大家應用和認可除了它能帶來的優秀視覺表現,更重要的是其本身的功能意義,它能幫助設計師更好的拉開信息層級并達到視覺統一

          (1)視覺表達

          通過背景毛玻璃化,可以中和扁平化圖文帶來的生硬不立體。在卡片元素上添加毛玻璃效果,與其他元素疊加后視覺上建立層次感,將信息層級更好的表達出來;在圖標中增加毛玻璃效果,可以提升圖標通透的質感。

          (2)品牌感

          良好的視覺統一,有助于提升產品的品牌感。


          不足:

          毛玻璃擬態效果并不好應用于上線產品。它不適用于按鈕或開關(這些重要的界面元素應該具備高對比度,更加清晰明確),模糊效果也要注意分寸,屏幕上過度使用模糊效果,會使整個 UI 對某些用戶可閱讀性差,同時也會使頁面看起來顯臟。

          也可以這樣理解,使用毛玻璃擬態風格的前提是卡片內部有足夠的對比度和合適的間距來定義層次結構,并在視覺上 “分組” 所有相關的對象。它可以只在一個元素上使用,也可以作為卡片背景修飾視覺效果,這種很容易達到較好的視覺效果,頁面風格也會特別亮眼,整體干凈、明亮。


          三、毛玻璃擬態的應用


          1.卡片背景

          用作卡片背景時,能很好的表達信息之間的層級感,朦朧透出下層視覺元素,營造了良好的視覺美感。


          2.APP圖標

          用作APP圖標,可以提升圖標通透的質感。常見的三種圖標案例:A.頂部圖形為白色,底部圖形為其他色;B.頂部圖形和底部圖形為同色,頂部圖形顏色明度高;C.頂部圖形和底部圖形不同色


          3.界面包裝

          運用毛玻璃去包裝UI界面,頁面風格整體干凈、明亮,有較好的視覺效果。


          四、毛玻璃擬態繪制原理


          1.和任何基于卡片的布局一樣,物體離我們越近,它吸引的光就越多。在這種情況下,意味著它會更透明一些。

          2. 整個效果的基礎是陰影、透明度和背景模糊的組合。這種風格可以使用一個透明層,也可以使用多個透明層,但多個透明層疊加在復雜彩色背景上的效果會更好(當至少兩個透明層出現在一個相當復雜的彩色背景上時,玻璃形態的效果是最突出的)。


          五、毛玻璃擬態-卡片背景的繪制要點


          1. 如何設置正確的透明度

          重要的是要記住,你不能讓整個形狀透明,需要調整填充的透明度來達到透明效果。如果不調整填充的透明度,僅僅是調整整個對象的透明度,就不會產生模糊的效果。

          在上面的例子中,背景模糊值完全相同,但圓形圖像的疊加效果看起來完全不同。當填充不透明度為 100% 時,對象的透明度再低也沒有用,根本無法得到想要的模糊效果。


          2.如何選擇合適的背景

          最底層背景在這個效果中扮演著重要的角色。不能太簡單或太單調,否則毛玻璃效果就看不出來,但也不能太復雜。

          復雜的背景有助于玻璃形態的展現,這可能就是蘋果選擇了彩色背景作為 MacOS Big Sur 默認壁紙的原因。當模糊的透明層位于背景之上時,那些容易辨別的色調差異也很容易被看到。


          六、毛玻璃擬態-圖標的簡版教程


          用作卡片背景繪制操作比較簡單,使用背景模糊就可以搞定,重點在于根據實際情況進行透明度和模糊度的調整,這里就不再做展示。


          下面是毛玻璃擬態-圖標的教程:

          第一步:繪制基礎圖形,頂部圖形顏色#DDEDFF,底部圖形漸變色#00EDFB——#001EEE

          第二步:底部圖形復制一層,做高斯模糊效果,高斯模糊:12,不透明度72%,將模糊層置于頂部圖形上,添加蒙版

          第三步:為了更好的增加圖標辨識度,增加漸變描邊,漸變色#FFFFFF——#D5E9FF,圖標繪制完成。

          過程中用到的色值和模糊度可以根據視覺美觀度做適當調整,也可為圖標增加陰影,提升整體效果。


          結束語


          作為設計師,我們可以看到,設計趨勢一直在變化,每隔幾年就會轉向另一種風格,但似乎每種風格又有自己的前世今生。所謂趨勢輪回,并不只是單純的回歸,而是以一種的更豐富、更立體、更具有層次感的方式呈現在人們面前。

          我們要做的就是不盲目,不盲從,看清楚趨勢變化的本質。


          文章來源:站酷   作者:April_Firefly 

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          第三方支付行業發展已到下半場,產業服務商成為升級方向

          資深UI設計者

          微信支付、支付寶支付這些常見的支付方式都屬于第三方支付,而在互聯網發展的下半場,第三方支付會走向何方呢?本文以第三方支付未來發展變遷方向洞察為重點,分析內容主要包括了第三方支付行業發展變遷盤點和第三方支付行業變遷方向預判。

          01 第三方支付借勢起飛,4.0時代為社會發展提供核心動力

          1.0時代:第三方支付開始起步,商業模式單一限制行業發展天花板

          1999年,隨著首信易支付的成立,我國的第三方支付業務開始正式起步。這一階段,我國第三方支付行業的監管相對混亂,行業的進入門檻也比較低;第三方支付公司在當時所起的作用僅僅相當于支付通道,商業模式單一,業務增值空間有限。加上該階段電子商務在我國尚處于市場起步期,消費者對于第三方支付的整體接受程度依舊不高。因此,當時我國第三方支付行業整體的交易規模和增速均不突出,不同第三方支付公司之前的產品同質化問題較為嚴重,企業之間的競爭較為激烈。一些規模較小、商業模式不清晰的第三方支付公司的業務體量隨之開始出現萎縮。

          供需兩端雙向發力,第三方支付交易額快速增長。

          供給端,線上交易領域,支付寶在2005年首次提出了“擔保交易”的概念。這一概念的提出不僅提高了消費者對第三方支付平臺的信任,也進一步拓展了第三方支付公司的業務想象空間。線下交易領域,拉卡拉從2007年開始大力進行線下便民支付點的建設和信用卡還款業務的推廣,充分滿足居民日常的支付需求;需求端,電商、在線航旅等行業的發展成熟也推動了消費者對于第三方支付的相關需求。在供需兩端的雙重作用下,2008-2010年,我國第三方支付行業的交易額連續3年增長率超過100%。

          2.0時代:牌照正式發放,第三方支付行業進入合規發展階段

          隨著行業的發展和成交額的快速攀升,依然處于監管空白期的第三方支付行業開始出現挪用資金、非法套現等一系列的行業問題,監管層也開始逐漸加強對于第三方支付行業的監管。2010年,央行出臺《非金融機構支付服務管理辦法》,確立了第三方支付相關的配套管理辦法和細則;2011年,央行正式開始發放第三方支付牌照,拉卡拉等公司成為首批持牌展業的第三方支付公司,我國的第三方支付行業開始正式進入合規化發展階段。

          支付機構積極響應監管要求,相關企業開始移動支付試點。

          為第一時間獲得對應的支付資質,眾多支付機構積極對監管的要求予以回應,努力滿足監管的相關規定。

          隨著網絡的逐漸進步和智能手機的問世,通信運營商、銀聯等機構紛紛開始進行移動支付的試點,國內的移動支付開始逐漸起步。2011年11月,支付寶正式推出了手機APP二維碼支付業務,二維碼支付正式在國內亮相。

          3.0時代:硬件、場景快速成熟,二維碼借自身優勢成功上位

          伴隨著移動互聯網的發展和智能手機等硬件的逐漸成熟,打車、外賣、理財、紅包轉賬等手機端的交易場景開始接連出現,居民對于移動支付服務的相關需求開始迅速攀升。各家支付機構也開始加快移動支付相關技術的研發和市場推廣。在這一過程中,二維碼憑借著自身編碼范圍廣、傳播制作成本低、容錯率高、識讀方便等一系列優勢成功上位,逐漸成為市場上最為主流的移動支付方式。

          交易規模迅速攀升,支付機構全面擁抱移動互聯網。

          隨著場景、硬件的日趨成熟和居民對移動支付認可度的快速提高,我國移動支付市場的交易規模也迎來了爆發式增長。根據易觀分析數據顯示,2015至2017年,我國移動支付市場交易規模的增速連續三年超過100%, 2017年的交易規模增速更是達到了208.7% ;交易規模的飛速增長也加速了相關企業的業務布局。拉卡拉、中國銀聯等支付機構先后推出了自己的智能移動支付產品,積極擁抱移動互聯網。

          4.0時代:技術、政策、相關企業協同推動產業互聯網發展

          隨著時代的發展和社會的進步,我國的互聯網也正逐漸由消費互聯網向產業互聯網邁進:技術領域,人工智能、云計算、區塊鏈等技術逐漸發展成熟并被落地應用;政策領域,監管層積極出臺關于產業互聯網、工業互聯網等方面的相關支持性政策,大力扶持相關產業的發展;企業層面,拉卡拉、三一重工、海爾等不同類型的企業均開始進行產業互聯網、工業互聯網等領域的業務布局,準備以全新的姿態迎接新時代的到來。

          1)支付在產業互聯網時代將逐漸成為商業社會運行基礎設施

          隨著產業互聯網的來臨,數據對于各個企業的生產、經營和創新都開始發揮越來越重要的作用。在這樣的大背景下,支付數據覆蓋用戶廣泛、真實有效、數量龐大的優勢開始逐漸體現。支付數據和支付機構開始在商業社會的運行過程中發揮越來越大的價值。支付也逐漸演變成商業社會運行的基礎設施。

          02 支付機構拓展增值服務業務,轉型綜合型產業服務商

          1. 第三方支付機構開啟轉型變革之路,積極尋求自身二次增長

          高速發展過后,我國的第三方支付行業迎來了發展變革的十字路口:一方面,受到監管政策趨嚴、成交額基數增大等原因的影響,第三方支付機構傳統支付收單業務的增速開始放緩,業務的天花板逐漸開始見頂;另一方面,隨著我國數字經濟的發展和產業互聯網時代的到來,越來越多的企業開始產生一系列金融服務、營銷、風控等方面的增值服務需求,企業服務市場的發展潛力開始逐漸凸顯。在這樣的背景下,越來越多的支付機構開始深挖自身已有數據資源的價值,積極利用人工智能、云計算、大數據等一系列前沿科技進行企業服務業務的拓展,開始進行由單一支付服務商向綜合型產業服務商轉型的嘗試,積極尋求自身的二次增長。

          2. B端企業服務與C端用戶深度運營成為支付公司兩種升級路徑

          根據易觀分析的觀察,目前階段,我國第三方支付機構轉型綜合型產業服務商的路徑主要有兩條:一條是以側重于B端企業或機構的深度服務,努力為合作的B端企業或機構創造更大的價值;另一種則更加偏向C端消費者的深度運營,通過持續拓展服務場景和業務邊界來鞏固C端消費者與自身產品之間的關系,并為C端用戶提供更加豐富的產品服務。

          3. 市場競爭、產品研發等問題將成為支付機構轉型阻礙

          盡管我國的很多第三方支付機構已經開始進行轉型綜合型產業服務商的努力與嘗試,但是其在轉型的過程當中也不可避免的會面臨來自產品研發、營銷推廣、外部競爭、市場成熟度不高、數據安全等各種各樣潛在的風險與挑戰。

          • 更加激烈的市場競爭:大量的軟件公司和互聯網企業同樣也看到了產業互聯網和企業服務市場未來巨大的發展潛力,紛紛開始進行對應業務的戰略布局,這可能會使得未來企業服務市場的競爭變得更加激烈。
          • 我國企業服務市場商業模式尚不成熟:目前階段,我國很多公司對企業服務產品的付費意愿依舊不高,這使得我國很多企業服務公司目前仍然沒有形成相對成熟的商業模式,很多企業依舊在持續的虧損。支付機構在進行企業服務業務拓展時可能會面臨同樣的風險。
          • 更高的產品研發和市場推廣風險:B端企業服務產品的研發往往要投入大量相關資源。產品開發周期長,開發難度大;市場營銷方面,由于企業服務產品的單價往往偏高,而市面上目標企業客戶的數量遠遠少于C端用戶,這也就使得B端企業客戶的觸達和成單難度更大。
          • 更高的數據安全要求:隨著各個企業對數據的重視程度不斷提高,數據安全的問題也變得越來越重要。私有化部署往往會需要企業付出較高的時間和人力成本,因此如何以合理的成本在保障客戶企業的數據安全也成為支付機構需要解決的重要問題之一。

          03 新競爭者入局將再次引發移動支付市場爭奪

          1. 牌照價值凸顯,未持牌公司加速搶購支付業務“入場券”

          2011年至今,央行共計發放了9批271張支付牌照,但是在2015年3月之后,央行就基本停止了第三方支付牌照的發放。這也就使得后續的公司只能通過收并購的方式來獲得相關的支付資質。第三方支付牌照快速成為市面上的稀缺資源。

          根據易觀分析不完全統計,2012年至今,我國境內共發生了近100起支付牌照交易案例,國美、美團、唯品會、小米、滴滴、字節跳動等眾多企業均通過收并購的方式獲得了支付業務的“入場券”。

          2. 合規、節約開支和底層數據成為企業獲取支付牌照主要原因

          易觀分析認為,未持牌企業積極收購支付牌照主要是出于以下三個方面的考慮:1、確保自己支付收單業務的合規性,規避潛在的合規風險;2、節省下對應的支付通道服務費用,獲得對應的備付金利息;3、獲得底層的支付數據,方便企業構建更加詳細的消費者和商家畫像,進行后續的精細化運營和業務拓展。

          3. 新競爭者入場將為第三方支付行業帶來“鯰魚效應”

          易觀分析預測,拼多多、字節跳動等企業的先后入場將會再次引發移動支付機構對于C端市場的爭奪;另一方面,更有實力的市場參與者的加入也將對市面上的獨立第三方支付公司產生影響:依舊希望繼續獨立運營的第三方支付公司在未來將進一步加快自己對于場景和產品服務的建設,努力構建起自身的核心競爭力;而難以構建起核心競爭壁壘的第三方支付公司則可能寄希望于其他公司的收并購需求。

          04 泛支付公司掀起登陸資本市場熱潮,將成為重要構成板塊

          1. 進入發展成熟期,持牌第三方支付公司逐漸成為資本市場寵兒

          隨著我國第三方支付行業的發展,我國的持牌第三方支付公司也進入相對成熟的發展階段,拉卡拉行業頭部企業開始逐漸得到資本市場的關注加碼。在這樣的背景下,我國的持牌第三方支付公司在近幾年開始頻繁的登陸資本市場。

          2. 產業鏈上下游公司協同受益,資本市場全新板塊開始崛起

          隨著持牌支付機構陸續獲得資本市場認可,同樣位于支付產業鏈上的非持牌支付產業服務商和終端廠商也開始逐漸獲得資本市場關注,二者與持牌支付機構共同推動泛支付行業逐漸成為資本市場上一個重要的獨立板塊。

          3. 企業融資熱度不減,泛支付上市公司未來陣容將繼續擴大

          除了拉卡拉等已經成功上市的泛支付公司外,收錢吧、PingPong等公司在近幾年均獲得高額融資;以銀聯商務為代表的幾家持牌支付機構也在積極的謀求上市。可以預見的是,泛支付上市公司的陣容在未來將變得越來越大。

          4. 相關公司獲得全新發展機遇,行業整體影響力持續提升

          對于泛支付板塊中的相關公司來說,獲得資本市場的青睞將會為公司帶來更加充足的市場關注度、資金等相關資源,也可以推動公司的規范化發展。隨著頭部公司逐漸得到資本認可,越來越多的泛支付公司在將來也會開始嘗試登陸資本市場,整個泛支付板塊未來在資本市場的影響力和重要性也將不斷的得到提高。

          泛支付板塊公司獲得資本市場關注的積極意義

          • 推動企業發展更加規范:企業接觸資本市場可以幫助其進一步明晰產權關系,規范納稅行為,完善公司治理,建立更規范的現代企業制度和更完善的激勵機制。
          • 幫助公司獲得更多資金和資源:獲得資本市場的關注可以幫助支付公司更好的利用資本市場進行融資,獲得公司發展必須的資金和相關資源。
          • 有效提升企業的品牌價值和市場影響力:成功上市本身就是公司榮譽的象征。此外,上市也可以幫助公司獲更多投資機構,研究機構和媒體的關注,幫助自己獲得更多的品牌溢價。
          • 有機會實現公司股權的進一步增值:對上市公司來說,自身的表現可以直接反映到股價上,表現良好的公司也更容易獲得更高的市場估值,從而幫助自己更好的進行資本運作。提升行業整體的影響力,推動行業整體發展:越來越多的泛支付企業登陸資本市場可以幫助整個板塊提升自己在資本市場的影響力;整個行業也可以憑借資本的助力實現進一步的發展。

          05 海外市場將成為支付機構增長新引擎

          海外市場前景依然廣闊,支付機構積極構建全球業務版圖。

          除了繼續關注國內市場的發展外,不少支付公司也已經將自己的目光轉移到了海外市場。相關需求方面,隨著留學、旅游、購物等海外消費的快速發展,我國居民和商戶對跨境收付款的需求增長明顯;市場想象空間方面,以東南亞市場為代表的移動互聯網和移動支付依然處于快速發展階段,整個市場依然有著不小的增量空間;從產業成熟度的角度來看,我國移動支付的相關技術和商業模式已經非常成熟,具備進行海外輸出的能力和條件。

          06 支付公司拓展跨境支付業務的原因

          國內消費者和商戶跨境收付款需求增長明顯:

          • 根據國家統計局和易觀分析數據顯示,2019年,我國跨境進口電商交易規模、居民因私出境人數及出國留學人數相較去年分別增長15.8%、4.6%和7.2%;
          • 根據易觀分析相關數據顯示,2020年我國B2C類跨境出口電商通過第三方支付機構的收款規模預計將達到7300億元人民幣,相較2019年將增長24%。

          東南亞等海外移動支付市場依然有著不小的增量空間:

          • 根據互聯網公開數據顯示,到2025年,東南亞的數字支付交易規模將突破1萬億美元大關,2019-2025年的復核增長率將達到10%;
          • 根據互聯網公開數據顯示,越南移動支付用戶數量的增長率從2018年的37%增加到2019年的61%;泰國從19%增加到67%,馬來西亞從17%增長到40%;菲律賓從14%增長到45%。

          我國移動支付市場發展成熟,具備進行海外輸出的能力:

          • 根據CNNIC數據顯示,2020年上半年,我國移動支付金額繼續穩居全球第一,而這也是我國移動支付交易規模連續三年居全球首位;
          • 以拉卡拉為代表的眾多國內支付公司在近些年積極進行跨境支付業務的發展,幫助中國的跨境電商企業快速實現資金結算。

          1. 自營與合作成為支付機構“出?!敝饕J?

          目前階段,我國支付機構拓展海外市場有兩種比較主要的業務模式:一種是國內支付機構自己直接進行海外相關業務的展業;另一種更為普遍的則是“出海造船”模式,即通過投資或合作的方式尋找本地的合作伙伴進行技術、商業模式的輸出或業務的合作推進。

          在主要面向的客戶群體方面,在國內C端移動支付市場有明顯流量優勢的支付企業在海外可能同樣傾向于C端錢包賬戶體系的打造和消費者支付場景的拓展;而以拉卡拉為代表的其他支付機構則把業務發展的重心放在了B端商戶上。

          2. 支付機構“出?!眱灮脩糁Ц扼w驗,推動我國跨境貿易發展

          易觀分析認為,對于進行海外購物的消費者來說,支付機構紛紛“出?!笨梢赃M一步優化其跨境支付的體驗,更好的保障自身的資金安全;對我國的跨境貿易來說,跨境收付款產品服務的升級可以幫助相關企業減少收付款過程中遇到的問題,推動我國整個跨境貿易的發展和增長;對于拓展跨境支付業務的第三方支付機構來說,跨境支付及相關增值服務可以幫助支付機構尋找到新的業務增長點,實現公司的二次發展。

          3. 支付公司拓展跨境支付業務所產生的積極意義

          對消費者:可以讓更多的消費者在海外通過國內的支付APP進行付款,進一步提高消費者跨境收付款的效率,優化消費者跨境支付的體驗,更好的保障消費者的資金安全。

          對我國的跨境貿易:跨境收付款及相關增值產品服務的升級可以幫助相關企業減少展業過程中遇到的問題,提高自身生產經營的效率,推動跨境貿易企業以及我國整個跨境貿易行業的發展。

          對第三方支付機構自身:跨境支付及相關增值服務更高的利潤水平和更大的想象空間將使其成為支付機構下一階段重要的業務增長引擎,幫助支付機構優化自身收入結構,實現營收和利潤的良性增長。

          4. 支付機構“走出去”依舊需面臨監管、業務本地化等多挑戰

          盡管“出海”在近兩年成為支付行業的熱門話題,但是支付機構在境內境外跨境支付業務拓展的過程中依舊可能面臨來自多方面的挑戰。境外業務拓展方面,海外市場的監管政策、宏觀環境、用戶偏好、業務合作模式和國內可能都存在著巨大的差異,這些外部因素的變化很可能使得國內支付機構之前積累的很多經驗并不能發揮足夠的效用;相關人才的不足也對支付機構的業務拓展造成了一定的影響。境內業務拓展方面,相比較于傳統的境內支付業務,支付機構對于跨境商戶的相關資質審核、交易真實性的驗證和可疑交易篩查的難度也都會更大。

          文章來源:人人都是產品經理   作者:易觀分析

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          2021年中國電商市場的9大趨勢預測

          資深UI設計者

          今年受到新冠疫情的影響,線上電子商務行業飛速發展。直播帶貨、社區團購等成為新的風口,未來它們還能這么火嗎?本文作者從自身工作經驗出發,對2021年中國電商市場的趨勢進行預測,與你分享。

          2020年受新冠疫情影響,線上電子商務行業飛速發展。社區團購,C2M趨勢越來越明顯,因此預計2021年將是中國電子商務市場充滿創新和擴展的一年。各商家將采用新的舉措和技術,并希望將業務擴展到低端城市。以下是2021年中國電子商務市場的10大趨勢預測。

          1. 直播將成為重要的傳播媒介。
          2. 從KOL營銷向KOC營銷的轉變。
          3. 短視頻應用程序將繼續結合電子商務。
          4. 隨著主要電子商務平臺啟動團購功能,團購將持續增長。
          5. 小程序提供新的購物平臺。
          6. 快遞運輸將更快。
          7. 中國基于數據的消費者到制造商(C2M)模式將推動電子商務的發展。
          8. 垂直電子商務網站將獲得吸引力。
          9. 跨境電子商務的格局正在發生變化。

          因此:2021年將是中國電子商務市場創新與擴展的一年。

          • 實時流媒體和短視頻為零售商和品牌提供了與消費者互動和推廣其產品的手段。
          • 新興購物渠道(包括團購和小程序)將與主導的電子商務平臺一起蓬勃發展。
          • 垂直電子商務網站將在2021年實現強勁增長。
          • 零售業中越來越多的技術采用和數據使用將使消費者對制造商(C2M)業務模型的增長以及更快的交付服務成為可能。
          • 跨境電子商務將通過阿里巴巴收購考拉平臺進行整合,從而進一步鞏固該公司在在線領域的主導地位。

          01 直播將成為更加重要的傳播媒介

          實時流媒體在2020年對消費者的購物行為產生了更大的影響,并將在2021年繼續在中國電子商務市場中發揮越來越重要的作用。這種銷售媒介類似于電視購物(例如QVC),但在21世紀得到了升級。

          直播會話的視頻內容實時廣播,觀眾可以通過在線鏈接在觀看視頻的同時購買商品。就像QVC上的導購一樣,實時流媒體主持人出售各種各樣的產品,從服裝和化妝品到電子產品和汽車。

          購物者被直播吸引的原因有幾個:

          • 精選的產品: 直播間主持人會根據粉絲的喜好精心挑選產品,這不僅吸引了觀眾,而且還提高了轉換率。的確,淘寶聲稱它在2018年的直播中擁有65%的轉化率。
          • 種類繁多的產品:通過直播,在美容,時尚和雜貨行業中推廣各種產品。一些主持人甚至賣電影票和酒店套票。
          • 低廉的價格:淘寶直播主持人經常與品牌合作,向粉絲們分發禮品或產品折扣,直播觀眾通常對價格更為敏感。
          • 抽獎:抽獎是主持人與觀眾互動的一種流行方式。例如,著名的中國主要輿論領袖(KOL)李嘉琪(被稱為“口紅之王”)通常會通過舉辦比賽來贏得戴森吹風機,iPhone11和小米電視等高價值電子產品,以此來吸引觀眾參與。
          • 數量有限和限時優惠:直播主持人經常采用快速銷售策略,每次銷售僅持續很短的時間,可用產品的數量有限。此外,主持人將定期宣布庫存余額,以增加觀眾購買的緊迫感。
          • 克服“選擇悖論”:如果向購物者提供了太多選擇,他們可能會在購買商品時感到困惑,因此什么也沒買。在直播會話期間與消費者互動,以幫助消費者專注于一種產品并更輕松地做出購買決定。

          通過這些策略,直播主持人能夠吸引大量的購物者。例如,在2019年雙十一,李佳琦直播了六個多小時,吸引了3680萬觀眾。

          在2019年雙十一期間,超過100,000個品牌使用在線直播作為銷售方式。在購物狂歡節的第一個小時內,在線直播產生的商品總銷量(GMV)超過了去年在線直播的全日總成交量??傮w而言,2019年11月11日,GMV達到200億日元(28.5億美元),約占阿里巴巴2684億日元總銷售額的7.5%。

          02 從KOL營銷向KOC營銷的轉變

          關鍵意見消費者(KOC)是通過視頻制作和帖子發布以分享自己產品使用體驗感的普通消費者。這種新興趨勢將為品牌商和零售商提供一種新的傳播途徑,使他們采用有影響力的營銷方式,而不是使用KOL。由于包括快手、小紅書和抖音在內的一些中國社交應用程序的普及,KOC可以輕松共享其產品評論,從而影響其他購物者的購買決定。

          KOC越來越受歡迎的原因之一是:消費者越來越意識到KOL是由品牌贊助來提出產品建議的人,因此他們認為提供的信息不那么可信和真實。另一方面,KOC本身就是日常消費者,他們更能提供公正的產品評論。

          KOC越來越受歡迎的部分原因是購物者希望從日常消費者那里尋求建議。例如,新父母在選擇母嬰產品時會尋求他們的朋友和其他有經驗的父母的建議。通過的社交應用,這些購物者現在可以在做出購買決定之前,觀看經驗豐富的KOC的視頻和評論。

          實際上,KOC營銷是「完美日記」營銷計劃的關鍵組成部分之一,該計劃已使其成為中國化妝品品牌之一。在公司成立之初,該品牌就開始與KOC進行大規模合作,這使普通消費者覺得該品牌非常受歡迎。

          03 短視頻應用程序將繼續結合電子商務

          短視頻應用程序已涉足電子商務市場,我們預計這一趨勢將在2021年繼續。短視頻的長度通常為10–20秒,富含了各種各樣的內容。據報道,一些用戶在短視頻應用上日平均花費數小時。借助人工智能技術和算法,鼓勵用戶根據瀏覽歷史和喜好定制個性化內容,更大提高了用戶對短視頻的擁護。

          短視頻行業在中國蓬勃發展,截至2019年,中國的用戶數量超過8.2億。據商業智能提供商QuestMobile稱,這一總數同比增長了32%。在中國10個移動互聯網用戶中,平均有7.2個使用了快手和抖音等短視頻應用程序。根據QuestMobile的數據,自2018年以來,用戶在這些平臺上花費的時間同比增長了8.6%,總計每月超過22個小時。

          為了利用這些統計數據和消費者行為模式,短視頻應用程序已采取步驟以通過其用戶流量獲利:

          • 在2019年10月,抖音添加了一項新的功能,稱為“營銷標簽”,該功能為內容分配了標簽,以幫助零售商鎖定想要搜索產品的消費者。
          • 在2019年11月,TikTok取消了限制,允許所有用戶通過平臺銷售產品。以前,社交應用程序對用戶訪問電子商務功能的要求為3,000個粉絲。此舉可以幫助擁有32億每日活躍用戶的抖音轉變為基于短視頻的電子商務網站。

          04 隨著主要電子商務平臺啟動團購功能,團購將持續增長

          到2021年,電商平臺將大力發展社區團購,如果消費者大量購買,團購將以大大降低的價格提供產品和服務。這種購物模式對預算有限的購物者特別是二、三線城市的購物者具有吸引力。

          • 自2015年成立以來,拼多多經歷了爆炸性的增長。按市值計算,拼多多目前已成為僅次于阿里巴巴,騰訊,美團和京東的第五大互聯網公司,截至2020年已超過百度。拼多多的成功在很大程度上應歸功于與其團購模式保持一致,消費者與朋友一起購物以確保獲得更好的交易。
          • 京東于2018年6月在微信上開始了其團購小程序,并于2019年4月推出了其團購應用程序。蘇寧于2018年7月建立了自己的團購應用程序。
          • 阿里巴巴于2010年推出了其快速銷售和團購平臺聚劃算。阿里巴巴的Alipay在2018年3月推出了名為拼購的功能。

          這些用戶在雙十一購物狂歡節中提供了巨大的消費能力:聚劃算報告稱,有576種產品在前兩個小時內收到了超過1000萬張訂單;京東表示,其40%的新客戶來自靖西。而拼多多在11月11日的前16分鐘內售出了1000多輛汽車。

          對品牌的影響:團購模式將以較低的價格提供給想要擴展到中國低端城市的品牌。這些地區的消費者往往對價格更為敏感,并且可能會尋找便宜貨。團購還為零售商提供了清理庫存的好機會。

          05 小程序提供新的購物平臺

          小程序可在支付寶,美團和微信等應用程序中運行。他們為品牌提供了一個額外的在線平臺來銷售其產品,用戶無需下載單獨的應用程序即可執行類似的功能。

          品牌可以使用小程序作為大型電子商務平臺的補充,而不是替代。小程序用作輔助銷售渠道,可以列出通過快速促銷快速銷售的需求商品。小程序也可以用作品牌工具——品牌可以創建交互式的視覺程序,以更好地吸引客戶并鼓勵他們與朋友分享內容。微信小程序現在支持增強現實(AR),它將虛擬圖像疊加到物理世界上。這種類型的第一個是阿瑪尼的化妝品小程序,該程序允許用戶通過用戶在手機上使用的自帶攝像頭來測試不同化妝品的外觀,例如各種色調的唇膏。

          資料來源:阿瑪尼的微信小程序

          小程序為希望打入低端市場的品牌提供了優勢,購物者可能不愿下載新的應用程序。品牌可以將小程序與團購結合起來,以訪問較低線城市的微信用戶。

          對品牌的影響:由于小程序的容量很輕,因此品牌在此投資進行營銷,客戶參與和電子商務是一件好事。微信小程序的創造者微信報告說,截至2019年,它已擁有7億用戶,他們每月使用微信小程序42.6次。

          06 快遞運輸將更快

          我們預計到2021年,物流提供商將通過升級物流基礎設施和增加保稅倉庫的產能來提供更快的交貨速度。這樣就可以為更多產品提供當天交貨。阿里巴巴的菜鳥計劃旨在通過幫助物流公司大規模部署物聯網(IoT)解決方案來數字化并加速整個交付過程。菜鳥計劃在2020年至2022年之間將1億臺智能設備連接到其IoT技術,包括其倉庫,交付機器人和算法支持的管理系統。

          菜鳥還將通過最后一公里送貨業務“菜鳥郵局”建立10萬個中轉站,以增加送貨選擇。菜鳥郵局提供定期送貨,智能儲物柜和送貨上門取件等服務。

          通過采用5G技術,物流提供商將能夠提供更,更快的交付。京東物流于2019年北京開設了首個由5G供電的智能物流園區,并使用一代的連接性對叉車的位置和路線進行實時監控,并提供異常預警情況。

          對品牌的影響:新技術將推動中國交付的進一步加速。品牌和零售商可以利用諸如智能路由之類的工具,該工具使用機器學習算法來優化交付路線,從而提高交付效率。

          07 中國基于數據的消費者到制造商(C2M)模式將推動電商的發展。

          中國的消費者對制造商(C2M)模式將成為電子商務發展的新動力,幫助企業更好地滿足消費者的需求并實現銷售增長。

          在C2M模式中,工廠變得以消費者為中心。零售商和制造商從客戶那里收集數據,并使用大數據創建客戶資料,分析消費特征并計劃生產。這有助于制造商預測產品需求并減少庫存和供應鏈風險,這也使品牌商和零售商受益。

          在2019年的光棍節購物節期間,天貓用戶搶購了1.70億個C2M產品。一家公司報告說,電動牙刷的銷量在11月11日達到了25,000。羅曼利用天貓的消費者見識來影響牙刷的設計,例如牙刷頭的尺寸和牙刷的顏色等。

          C2M模型還與中國對產品個性化需求的增長相吻合,中國由80年代后的消費者(1980-1989年出生的人)和90年代后的消費者(1990-1999年出生的人)主導。C2M模式將允許制造商和零售商根據消費者的需求生產產品。

          品牌影響:根據中國研究公司艾瑞咨詢的數據,中國的C2M市場在2018年達到175億日元(25億美元),預計到2022年將達到420億日元(60億美元),復合年增長率為24.4%。據Statista估計,這相當于2018年中國電子商務總銷售額的0.4%和2022年中國電子商務總銷售額的0.6%。品牌可以使用C2M模型更好地滿足消費者需求,并提高整個供應鏈的效率。

          08 垂直電子商務網站將獲得吸引力

          垂直市場是電子商務平臺,在該平臺上,商品和服務被出售給特定的客戶群,他們可以通過在線社區相互聯系。我們預計此類網站將在2021年蓬勃發展。Babytree(專注于母嬰產品)和Gegejia(面向女性市場的全球食品進口商)等網站和應用都是成功的垂直市場的例子。

          • 垂直平臺自然將志趣相投的消費者捆綁在一起,并形成了圍繞特定行業或產品的強大社交社區。例如,對于父母和嬰兒市場Babytree,平臺上的用戶共享嬰兒產品的育兒技巧和建議。
          • 垂直平臺提供了更好的內容,可以幫助用戶做出購買決定。根據麥肯錫(Mckinsey)在2019年的一項調查,中國三分之二的消費者使用他們從垂直網站收集的信息來影響他們的購買決定。

          對品牌的影響:隨著消費者對其購買選擇的了解越來越復雜,我們希望垂直的電商站點能夠吸引人們的注意力,不僅提供產品知識,而且還提供志趣相投的客戶可以進行交互的社區。品牌可以與這些平臺一起有效地將其產品定位到適當的消費者基礎。

          09 跨境電子商務的格局正在發生變化

          我們預計跨境電商的格局將在2020年得到鞏固。阿里巴巴于2019年9月收購了中國當時最大的跨境電商平臺考拉,并將其整合到天貓。然后,阿里巴巴將占中國跨境電商市場的50%以上:根據研究公司iMedia Research的數據,網易考拉在2019年上半年占據了27.7%的市場份額,而阿里巴巴的天貓全球市場則占據了25.1%的份額。

          這項收購將增加阿里巴巴接觸需要跨境購買商品的中國購物者的機會。這也將幫助該公司實現天貓的商業模式多樣化,該模式主要涉及邀請外國品牌在其網站上開設在線商店——考拉通常直接從外國商人那里大量購買各種商品,然后再轉售給中國消費者。首席執行官Daniel Zhang表示,阿里巴巴對考拉的收購將通過阿里巴巴整個生態系統的協同效應,進一步提升該公司為中國消費者提供的進口服務和體驗。

          10 2021電商市場趨勢總結

          實時流媒體將在2021年的電子商務中扮演更重要的角色,因為它使品牌和零售商可以實時向消費者推銷產品,并為消費者提供限時折扣的優勢。

          電商的格局將變得更加多樣化,短視頻平臺和小程序將持續開展直播帶貨,為零售商提供諸如AR之類的技術,以進一步與潛在客戶互動。電商大廠將繼續投資,以擴大產品范圍,例如阿里巴巴收購中國跨境電子商務平臺考拉,并利用技術為消費者提供更無縫的購物體驗(例如,使用5G連接簡化交付流程)。

          基于關系的營銷方法將在2021年激增:垂直市場為購物社區提供參與機會。團購將以相對較低的成本提供產品,從而成為零售商吸引來自中國二線城市消費者的一種有效方法。


          文章來源:人人都是產品經理   作者:阿木木

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          解讀2021年9種UI/UX設計趨勢

          前端達人

          還有半個月,我們就要跟2020年說再見了~~ 世界每一天都在按照它的意志變化著,每年也都在影響著設計趨勢的走向,今天我們就花點時間來討論一下,2021年可能會出現的UI/UX的設計趨勢。      



          undefined



           1. 3D


          3D設計將有很大可能繼續延續,成為2021年的設計趨勢,廣泛應用于UI、網站、角色、以及動畫設計中。



          UI設計



          圖標設計



          角色設計




          產品細節展示





          2. 玻璃擬態


          在說到Glassmorphism(玻璃擬態)之前,我們先來回憶一下另一種擬態:


          在2019年底,設計圈突然刮起一陣新擬態風(Neumorphism),最初是烏克蘭設計師Alexander Plyuto在Dribbble

          發布的一張設計作品,引發大家的激烈討論和爭相模仿。



          新擬態(Neumorphism)的出現,為當時已經流行很久的扁平化設計開辟了一種新的表現形式,很多人猜測和議論,此風格會不會接替「扁平化設計」成為新的設計主流。


          從美學價值上來說,新擬態(Neumorphism)足夠現代、看起來也頗具有時尚感、科技感也很足。


          不過隨著時間的發展,設計師們漸漸發現,在實際的應用上,新擬物化本身確實不能算是一種系統全面的設計風格,因為在很多具體的設計上,新擬態比較難以保證可用性和易用性,在層次的表達上,也有很多局限。




          以IOS14和Mac OS Big Sur操作系統發布為標志,一種新的擬物風格正在悄悄流行。



          Glassmorphism


          這種把陰影、透明度以及模糊的背景結合到一起的設計思路,使界面呈現出介于玻璃和塑料板之間的質感,被Michal Malewicz稱為Glassmorphism(玻璃擬態),對比之前火爆一時的Neumorphism(新擬態),這種新趨勢更加垂直。


          這種垂直性讓用戶可以通過它看到底層的元素,用戶可以確定界面的層次結構和深度。他們可以識別出哪一層在哪一層之上,就像虛擬玻璃一樣。



          玻璃擬態的設計有幾個特點:


          · 透明度(使用背景模糊的磨砂玻璃效果)

          · 類似于物體漂浮在太空中的多層方法

          · 背景上鮮艷的色彩突出了模糊的透明度

          · 半透明物體上的細微淺色邊框





          這種隔著一層玻璃的質感,呈現出一種獨特的「虛實結合」的美感




          毛玻璃風格ICON


          值得一提的是,玻璃擬態與「 macOS Big Sur 和 iOS 14 」在視覺美學上也保持著高度的一致,尤其是在系統的設計美學邏輯上是統一的。


          相比于看起來高級但是炫技多于實用性的「新擬態」,「玻璃擬物化」這種風格在各大操作系統的實行和驗證之下,實用性更強,視覺美感上也得到目前的操作系統的驗證。


          不過作為善變的人類,我們很容易就會對流行的趨勢感到厭倦,所以每隔幾年就會流行到另一種不同的風格。扁平化的風格已經流行了很長一段時間了,或許現在又會慢慢向色彩更豐富、更立體、更炫麗的風格回歸了。




          附上那個引領新擬態風格的烏克蘭設計師Alexander Plyuto 的作品






          3. 真實的照片


          插圖和3D并不一定適合所有人,有時候真人和真實的物品會對用戶產生更大的吸引力,讓他們更加感同身受。




          網站主頁



          華碩(ASUS)官網




          制作美食



          航空公司




          4. 多彩的顏色搭配


          許多設計都使用了多色搭配,使得自己的設計呈現出神奇、空靈、包羅萬象的感覺,而且,鮮艷的色彩更容易區分和讓人記住。




          圖標的多色搭配





          時尚移動應用




          色彩應用



          Ins的圖標改版



          5. 模糊的彩色背景


          使用模糊彩色背景的設計看起來有種特別的溫暖和熱情。












          6. 極簡主義


          極簡主義本身是一種設計理念,應用到UI或者平面設計領域當中的時候,可以理解為:設計中的每一個元素都應該是有用的,它簡單,干凈,漂亮,且實用。極簡主義的設計易于用戶理解,參與度也高。




          大量的留白






          元素規整、有條理和秩序




          扁平化的元素




          簡化配色





          可讀性較高的字體


          極簡主義的好用之處在于它凸顯關鍵,為用戶呈現最重要的東西,并且讓用戶關注最重要的事情。






          7.幾何結構


          越來越多的設計呈現整合、規整、有秩序的視覺結構,使用戶增加使用和觀看的樂趣。



          視覺設計的平面幾何





          空間幾何





          平面設計



          8. 野蠻主義


          「野蠻主義」一詞,最早出現于1950年,由瑞典建筑師漢斯·阿斯普隆德用以描述烏普薩拉一座名為「Villa G?th」的現代磚房。



          顧名思義,野蠻主義的特征十分「簡單粗暴」,通常都由不斷重復的元素拼接而成,以筆直的線條和鋒利的棱角居多。對于大型建筑物而言要么追求奇形怪狀,要么追求嚴格對稱,落成的建筑外墻多為毫無修飾的磚塊和混凝土,整體看起來異常冰冷和沉重。


          而在數字設計中衍生的的「野蠻主義」是一種故意試圖顯得原始、隨意、無裝飾的樣式。刻意的不設計使這些網站幾乎沒有美感甚至顯得有些簡陋。


          盡管很少有人將這種設計風格歸類為漂亮,但它對于某些內容類型確實具有獨特的表達魅力。而且具有鮮明大膽的風格。



           

          野蠻主義設計風格短期內應該不會深入到UI設計中去,更多的會在網站,或者雜志的設計運用此種設計思想。





          9. 簡化UI/UX流程


          此處說的簡化,不是指視覺效果的簡化。設計流程做的太復雜,不論對于用戶或者是設計師都是不利的。


          優秀的設計師會兼顧美學和實操效果,把流程簡化到減無可減,給用戶以絲滑流暢的體驗效果。






          2021年,設計將變得更多元、更新穎,不同風格也會相互碰撞,新技術也被應用在設計中。我們作為設計師,要更好的理解和跟上新趨勢的發展,擴大自己知識的范圍,例如設計美學和心理學知識等,就可以知道設計趨勢如此流行的原因和源頭。在此基礎上利用好新知識和新工具,為更好的服務大眾時刻準備著。

          文獻:Diana Malewicz (UX Collective)  素材來源dribbble,侵權刪 




          今天先跟大家分享到這里,謝謝觀看~ 

          轉自:站酷

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          Pantone 2021年雙流行色重磅發布:灰+亮麗黃

          資深UI設計者

          今天早上,權威色彩機構 Pantone 公布了2021年度雙流行色:灰+亮麗黃。

          這是繼2016年水晶粉+寧靜藍之后,第二次推出組合年度色,寓意光明,傳遞力量與希望。

          灰+亮麗黃這兩個獨立的色彩,聯手打造出夢寐以求的色彩組合,像是自然風化的巖石上浮起的日出,帶來了一種更深層的體貼和踏實感,同時也表現了對未來充滿希望的樂觀精神。

          這正是經歷過艱難的2020年后,世界所需要的。

          PANTONE 17-5104 Ultimate Gray是海灘上的鵝卵石和自然元素的顏色,其風化的外觀彰顯了經得起時間考驗的能力,象征著堅實而可靠,體現了恒久不渝的感覺。

          PANTONE 13-0647 Illuminating則是充滿活力的明亮歡快黃色,是充滿陽光的溫暖黃色陰影。

          灰與亮麗黃的雙流行色組合,突顯不同的元素如何互相支持,寓意著陽光和友善,凝聚了更深程度的體貼感。

          這個色彩組合實用又穩固,溫暖又樂觀,為我們帶來韌性和希望。

          Jil Sander Pre-Fall 2021

          當人們期望尋求能量來強化自己,克服持續的不確定感時,堅實可靠而又熱情洋溢的色調,恰好能夠滿足我們對生命力的追求。

          在過去幾年里,潘通的選擇充滿了社會意義,被看作是對全球情緒的捕捉。

          而在經歷了記憶中最黯淡的一年之后,2021年的組合色旨在以堅韌的精神基底傳遞積極和幸福即將到來的訊息,給人們帶來希望,讓人感到一切都將變得更加光明。

          Prada 2021SS

          持久耐看的灰和生動活潑的亮麗黃,聯手表達出我們所需要的堅韌的正向態度。

          這種力量與正向的結合,是一種結合了洞察力、創新和直覺,以及對智慧和經驗尊重的顏色。

          它啟發了重生的能力,推動我們前進,邁向新的思考方式與新觀念,最能代表 Pantone 2021年度代表色的精神。

          針對這組雙流行色,Pantone 還推出了5種不同的官方配色系列,表現灰和亮麗黃的多功能性,以幫助大家更好地理解和應用。

          AVIARY 鳥舍

          【鳥舍】是生動活潑,令人愉悅的色彩組合,有著異想天開的獨特性和極強的爆發力。

          持久耐看的灰帶來屬于大自然基本元素的顏色,溫暖樂觀、充滿活力的亮麗黃為色彩組合注入更多能量,高雅的云端舞者白則為系列注入戲劇感。

          ENLIGHTENMENT 啟蒙

          【啟蒙】是一個面對未來、年輕的色彩故事,喚起一個催眠的空間,將我們的心靈延伸到另一個界域,激發出我們重新開始想象的渴望。

          灰與亮麗黃的配比,融合了智慧、經驗以及我們想要前進,邁向新的思考方式與發掘新的深刻見解的渴望。

          與此同時,銀金屬色的鉛水晶則增添一絲閃爍的月夜光澤。

          INTRIGUE 魅惑

          【魅惑】是一個迷人的色彩百匯,擁抱各種影響因素的大融合。一方面流露奇特又強烈的個人主義風格,同時又顯示一種大眾化的吸引力。

          其四季皆宜的持久性,在加入穩定可靠的 P灰與象征陽光的亮麗黃之后被突顯出來。

          ORBITAL 軌道

          【軌道】反映了探索星際旅行的狂熱,是在令人著迷的外太空星系中發現的閃爍著金屬色調的調色板,能讓人聯想到遙遠的星系。

          SUN AND SHADOW 光影

          【太陽與陰影】是一種永恒而無性別的色彩組合,描述著我們周圍的原始之美?;液土聋慄S為大地色系注入更多的希望和力量,將今年的雙色年度色的特殊韻味發揮到。

          除了這五組配色之外,Pantone 還推出了一系列灰+亮麗黃的色彩營銷案例。

          色彩營銷案例

          可以預見,在接下來的一年里,我們會更多地看到這些色彩,因為它們意味著對時代精神的內在定義,傳達著消費者的期望與態度。

          現在,咱們就先來康康這組能夠引起全球共鳴色彩的無限可能吧!

          時尚領域

          Agatha Ruiz de la 2021SS

          Prada 2021SS

          Alice + Olivia 2021SS

          友善、愉悅又樂觀的亮麗黃,是一種年輕個性的色彩,明媚肆意,預示著陽光燦爛的一天即將到來,讓人忍不住想要親近。

          把亮麗黃帶入服飾中,可以給整個造型增加一種明亮感。

          Alexander Mcqeen 2021SS

          Brandon Maxwell 2021SS

          灰有著洗凈鉛華的淡然與不爭,它游離于所有顏色的邊緣,卻能與任何色彩作搭配。彰顯著低調內斂的品質感和恰到好處的高級感。

          Prada 2021SS

          將灰與亮麗黃相結合,給低調耐看的灰加入一些明亮感,可以帶來一種另類吸引力,傳達出陽光與力量的訊息。

          除了服飾之外,灰和亮麗黃還經常出現在圍巾、鞋履、包袋、披肩等配飾上,產生一種奪目的搭配效果。

          美妝領域

          灰與亮麗黃是熱色調與冷色調的混搭,運用在美妝領域可以營造戲劇化的風格。

          家居裝飾領域

          灰與亮麗黃的組合,非常適合用來為家里任意一個房間的氣氛定調,增添一絲陽光與正面的氣息。

          黃色往往作為家具家居上的提亮高光色,而灰色則會被設計成基底色,常出現在水泥家具或地板中的顏色。

          將亮麗黃與灰并用在桌布、床單及家飾品包括枕頭與桌上擺飾會帶來生機與活力。

          以灰做為扎實的基礎,襯托吸引注意、強化直覺、活潑的亮麗黃,是位于家中或商業空間的任何辦公室最理想的色彩組合,點亮通往開放心靈,尋找追求知識的欲望、原創力及豐富智謀的路徑。

          把大門涂上亮麗黃色,并在外側加工時用上穩固可靠的灰,可以傳達著溫暖歡迎的訊息。

          包裝設計領域

          將擁有最高可見度與反光度的亮麗黃搭配堅韌的灰,不論出現在何處都能引起注目。

          結合友善的亮麗黃與默默令人安心的灰,應用在裝置設計上,為可靠、智慧與經驗的扎實基礎,注入一股活力。

          文章來源:騰訊網   作者:浪設計

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          周周

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          一覺醒來,2020 年潘通年度色就這么發布了。

          2020年年度潘通色:「經典藍」

          這款被命名為為「經典藍」(Classic Blue)的色彩沉穩耐看,雋永優雅,按照潘通官方的說法,「經典藍」仿佛暮色四合時的天空,寧神靜心,讓人駐足?!附浀渌{」是一種穩固可靠的色彩,給人確信感,撫慰著每一個期待穩定者的心靈。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          為什么會選擇這樣一種藍色,潘通色彩研究所的執行董事 Leatrice Eiseman 在潘通官網上,予以詳細的解釋。

          解讀「經典藍」

          「我們生活在一個亟需信念和信任的時代。潘通 19-4052 經典藍 ,這種色彩正是自信和恒久的外化體現,這種堅實可靠的藍色調,更能與人產生深層的共鳴,令人心安。一望無際的藍色能夠喚起人類對于廣袤無垠夜空的無限遐想,經典藍鼓勵著我們透過顯而易見的事實,拓展思維,放飛想象。

          經典藍敦促著我們更加深入地思考,開闊視野,進行更加深入的交流。」

          ——Leatrice Eiseman 潘通色彩研究所執行董事

          從色彩心理學的角度上來看,藍色色相本身有著信任、信念的含義,也是的色相。在此之前,潘通曾經多次選擇藍色作為年度色, 2000 年的時候選擇天藍色(Cerulean),在 2005 年的時候則選擇了藍綠色(Blue Turquoise),2008 年的年度色叫鳶尾藍(Blue Iris),2016 年的年度色則是靜謐藍(Serenity)。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          相比于這4種藍色,「經典藍」更為沉靜穩重,沒有一點攻擊性,也不顯得沉重,輕松而易于互動。

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          「經典藍」無疑是一個略顯保守,但是非常貼合當下語境的色彩。它充滿了確信感,讓人覺得安全,屏蔽了焦慮。同 2019 年充滿前進感的「活力珊瑚橙」相比,「經典藍」更加內斂和篤定,悄無聲息地增加每一個的信心。

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          除了發布這一年度色彩之外,潘通色彩研究所還專門制定了5套配色方案,這些配色方案應該會在接下來的 2020 年,得到更加廣泛的應用。

          「經典藍」的5套官方配色方案

          沉思

          這是一套舒緩的配色方案,涼爽的藍色調和同樣柔和的暖色組合到一起,給人以沉靜的感覺。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          呼吸

          這套名為呼吸的配色方案當中,加入了更為經典的黑白色,選擇了對比更加強烈、更加富有活力的搭配方式。這樣的色彩搭配更容易喚起觀者的幸福感,讓你的設計更加具有田園牧歌的氣息。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          沙漠暮色

          「經典藍」的靈感來源之一就是夜幕降臨時的天空。而這套名為沙漠暮色的配色方案,就與此相關。充滿金屬質感的潘通色更能夠凸顯「沙漠」的閃亮質感,而恰為對比色的「經典藍」讓這套配色方案優雅無比。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          異域風情

          這套配色方案比起之前的配色更加豐富,更顯混搭,仿佛加入了天然的調味料。這種健康而自我的色彩搭配方式,讓人仿佛身在異域,不同于此地的文化,迥異與此時的感覺,獨特卻令人著迷。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          非傳統

          打破常規的桎梏,選擇異乎尋常的色彩搭配,而足夠傳統的「經典藍」恰恰構成了這種搭配方式當中,作為基礎的底色。這套配色方案指向時尚,突破規則,如同小品,有趣而俏皮。

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          「經典藍」的9套精選配色方案

          為了更加方便線上的設計師來使用這些配色方案,優設的小編從官方提供的這些配色方案當中,精心挑選了 9 套適合進行數字設計的配色方案,并且標注上了相應的 HEX 值便于精準取色,請盡情取用:

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐!(附配色方案)

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=

          2020潘通年度流行色 「經典藍」新鮮出爐?。ǜ脚渖桨福? class=


          文章來源:優設網        推薦:陳子木


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          政務可視化設計經驗-頁面視覺-下

          周周



          三、規劃頁面構圖

          講到設計初期的頁面構圖規劃問題,其實這個構圖是服從你的展示方式的,即故事線。設計前期規劃階段,先想好打算怎么表達,再選擇對應的構圖方式。表達上我們講究總分主次關系 ,那么構圖上依舊遵循這個規則,先具體再抽象。


          (一)全屏平鋪式

          全屏平鋪式的構圖方式是最常見的一種構圖方式,如下圖無意中構成橫平豎直的輔助線將內容一格一格展現出來,界線清晰分割明確。因此模塊之內的內容就會顯得格外的清楚和突出,給人一目了然的感覺。注意哦,平鋪并不代表完全一個一個格子碼好,比如下圖中的深紅色區域,沒有被網格框住但也碼的很清楚,淺紅色區域中有一對一的也有一對二的對應關系,故此類型的構圖中加上這些靈活的變化就會顯得沒那么生硬。并且這種構圖方式是遵循F型網頁閱讀習慣的,因此重要內容放哪大家知道了吧~


          (二)中心放射式

          圓形就是一個典型的中心放射式,圓是有圓心的,通過構造不同大小的同心圓起到聚焦、凸顯作用。伴隨一個一個同心圓自然而然形成放射線,把重要表述放中間,其他表述按照放射線編排起來。引導用戶的視線聚集在我們重點突出的功能點上,先主后次,有起有落。


          (三)視線引導式

          視線引導式主要是依靠點線面的關系形成一條清晰的視覺引導線,引導用戶的視線,避免雜亂無章的堆砌。視線流動的軌跡多則是從上至下從左到右移動,故在大屏上從左到右,從主到次,減小用戶的負擔和閱讀疲勞。如下圖是我同事做的一張大屏,指標瑣碎,每個指標與指標間沒有太強的相關性。當時發現大方向上有一定的前后關系,故最后用這種方式把數據串起來。設計稿上需要把樣式給全,看上去有點碎,實際開發后效果還是蠻不錯。


          (四)水平羅列式

          水平羅列式的構圖方式有點像全屏平鋪式,同樣是利用人從左至右的閱讀習慣。如下圖,不一樣的是四個大類有明顯的前后關系,并且彼此之間存在對比。利用無形之中形成的水平線條把內容串在一起,將同級且對比的意思表達出來。


          (五)三角排列式

          三角排列式的構圖方式,核心思想就是一個穩!從上至下的三角構圖,能把信息層級羅列得更為規整和明確。這張大屏是我做的某地數字駕駛艙中的一個分頁,用來總覽這個分支的三個內容,每塊內容上面是政策解讀下面是數據結果,清晰明確。


          四、營造頁面氛圍

          頁面的氛圍個人主要認為是通過恰到好處的細節堆砌出來,這些細節要自然合適不突兀,講究一個“巧”字。對于我來說這些細節就好像歐亨利小說的結局一樣,意料之外又在情理之中。不過講道理這些氛圍的東西并沒有很明顯的一定之規,有些方法在這個場景下合適在那個場景下就不合適了,需要設計師在做的時候不斷嘗試,也是一個緣分。


          抄現實是我們在設計中最直接的也是最常用的一種表達方式,它的含義就是提取現實中存在事物的點線面關系。因此往往在發散思維中找到與主題相關的靈感點后,用方式提取其中的內容后,能緊密的結合主題。它將抽象的主題通過實體表達出來,并以之作為內容信息的載體,能夠合適的存在于頁面之中。這個緯度的內容我直接舉幾個案例描述下。


          (一)案例-公安項目中的細節

          公安的項目是我同事做的,在用戶那邊得到了一致的好評,并且也是團隊前期重點研究的一個DEMO。這個項目好在業務邏輯清晰,并且在表達方式上做到合理合適的程度。如下是項目其中一張大屏的一處細節,需求是需要排列公安系統中處置人員的不同分布,在大屏中也是核心區域。


          一般在頁面核心區域我們會花點心思將這塊的內容做充實做飽和,畢竟第一眼需要留下好印象。設計的時候提取了警徽的基礎形狀、警徽的構成、胸徽的線條排布、旌旗的基礎形狀、放射線的構圖方式,然后將文案排布形成設計結果。最后客戶這邊對于這塊內容直接過稿,認為設計環節帶出了警隊的特色,給了高度的評價。


          (二)案例-駕駛艙項目中的細節

          駕駛艙的項目是我直接參與主導的,當時這個項目的歡迎屏風格稿做了好幾版本的,用戶一直都不認可。過程中去除主觀因素,總結用戶對于駕駛艙的認知和理解。客戶的需求是駕駛艙需要在“駕駛”的時候,眼中不光有艙內的內涵,也要有艙外的風景。如下是歡迎屏的基礎狀態(交互操作并未展開),設計的時候提取了汽車儀表盤的基礎形狀和風格組成、星光點與點的關系、逆光山體風景的天空漸變,然后組合在一起形成設計結果。最后客戶這邊看到后過稿,這個設計也留到了項目最后。


          (三)案例-大佬作品山海經中的細節

          如下的作品是behance上一個大佬的作品,作品的名字叫做山海經,我們也是經常拿出來學習參考。在人物設定中,作者將古代的烏紗帽、官服、官徽紋樣等內容融入角色的道化服之中,并且角色周邊環境中大量融入一些官府的元素,比如官兵舉得牌子、衙門的建筑體等。整個作品雖然融入大量的古代元素,但是用賽博朋克的方式表達出來,成品沒有一絲違和感。確實給了大家一個方向,原來國風的東西可以這么玩。


          總結

          1.使用足夠并且容易區分層級的顏色去構造頁面。數據可視化的項目往往信息的量級是不可控的,準備工作需要做充分。

          2.合適的字體能讓你的頁面事半功倍。挑選字體得對比,確保不同的使用場景下有一致性的顯示。條件允許下,針對自身業務場景打造對應的顯示字體(羨慕臉.jpg)

          3.好的構圖可以讓表達更上一個臺階。根據故事線的講述,挑選對應的構圖方式,做到從總到分、有主有次。

          4.氛圍彰顯作品的細膩程度。細節決定成敗,在作品中增添“巧”的細節,會讓觀賞者更加投入獲取信息的節奏中。



          文章來源:tob.design        作者:王亮亮同學


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合