如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
提起小山薰堂,大家可能都會感到陌生,但是如果說到熊本熊,大家腦海里肯定會浮現出一只活靈活現、機靈可愛的熊本熊形象,今天我們分享的就是熊本熊之父—— 小山薰堂先生的《幸福策劃術》。小山薰堂現在的職業是京都造形藝術大學副校長、藝術學部教授,而且寫的第一個電影劇本還獲得奧斯卡獎,除此之外,他還當過電臺 DJ、企業顧問、作家、作詞家、美食家、大學教授、綜藝編劇等其他職業。
小山薰堂分享的主題是《幸福的策劃術》,在一開始,他先是給我們分享了一本來自法國作家大衛·卡利(Davide Cali)的繪本《MOI J’ATTENDS》(中文譯名《我等待》),這本插畫書中,Davide Cali用一根紅線,串聯起一個男孩子一生每個重要時刻的等待的場景,從垂髫,到耄耋,從初生牛犢,到兩鬢如霜。
△ 法國作家大衛·卡利(Davide Cali) – 「MOI J’ATTENDS」封面
這是一本讓人很感動的繪本,從這本書中小山薰堂先生反思道,現在這個時代,我們仿佛都厭倦了等待,人越來越沒有耐心,很多人認為等待是沒有價值的,所以很多人會把「方便」和「幸?!箘澤系忍?,但是小山薰堂先生對這個觀點是持懷疑態度的,他覺得幸福是需要被創造出來的。
△ 《MOI J’ATTENDS》書籍內頁
小山薰堂先生說到,在他們公司,要求所有的員工都必須有策劃和執行「birthday present」的能力,對于這個能力,小山薰堂先生覺得作為創意工作者,需要和偷偷去買個蛋糕制造驚喜這種橋段有所區別,小山薰堂對「birthday present」定下的 kpi 是「越夸張越驚喜越好」。在他看來,制定這個「birthday present」,可以提高員工對同仁的觀察能力,并且可以得到這個驚喜之外的收獲。
今年六月是小山薰堂的生日,他的同事給他送了一個在他看來很普通的杯子,但是得知了這個杯子的來歷后,小山薰堂卻很感動,原來,這個杯子是他們公司45名員工,從奈良到東京,每人跑十公里,通過接力,從奈良知名陶藝家辻村史朗一路傳到他的手里的,接力的過程中全程都有視頻的記錄,并且在接力到每個車站站牌的時候都會有與站牌的合照,這些也是作為生日禮物的一部分,所以,小山薰堂覺得這是一個很滿意很感動很不普通的生日禮物。在這次的生日中他不僅僅得到了一個酒杯,一段記錄視頻和站牌的合照,還因為全程的策劃需要其他三個合作公司的通力合作,過程中消除了很多的問題,所以這對他來說也是一個很有意義的生日禮物的一部分。
△ 員工為小山薰堂生日特意設計的標志 | ©?小山薰堂
他還分享到,在日本有一個位于東京新宿伊勢丹百貨八樓的選物品牌──Chalie Vice。這個品牌也來源一個于「birthday present」。
△ ©?小山薰堂
原來小山薰堂公司有一個叫輕部政治的人,是他們公司的副社長,輕部政治特別喜好時尚,每天都會穿著自己覺得很滿意的服飾來上班,不過在小山薰堂看來,輕部政治的著裝略顯浮夸和不穩重,所以在他生日來臨之前,瞞著輕部政治策劃了一場名為「Chalie Vice」的「birthday present」。
流程是這樣的,在輕部政治生日前三個月,小山薰堂告訴他有一個時尚品牌「Chalie Vice」即將在東京設立分店,小山薰堂的公司負責這個品牌的落地和推廣。前面說到,輕部政治對時尚很熱衷,所以這個項目也就自然而然地交給輕部政治負責。
△ 員工為「chalie vice」特地設計的初始標志 | ©?小山薰堂
這樣,「Chalie Vice」這個偽時尚品牌就在他們公司傳開了,大家都開始討論這個品牌,但也僅限在公司內部,因為外界根本不知道這個品牌。
因為「Chalie Vice」是海外的品牌,所以這個時候,需要一位關鍵的角色,就是「Chalie Vice」的投資人,為此小山薰堂還找了經紀外國人的日本公司進行面試,選了一位面相特別像阿拉伯人的外國男子,對其角色設定為「投資 Chalie Vice 的阿拉伯王子」,然后小山薰堂就把輕部政治帶到一個時尚酒會上,假裝和阿拉伯王子聊天,然后假裝阿拉伯王子的人就轉頭對旁邊的助理說了一些話,助理(當然也是找的演員)就對輕部政治說:「王子覺得你很帥,希望你可以作為品牌的代言人」。輕部政治肯定很樂意,就這樣,輕部政治就順理成章地成為「Chalie Vice」的日本地區代言人。
既然是當了代言人,那么就需要拍攝形象照,所以,在輕部政治生日的當天,小山薰堂讓輕部政治穿上他花了一萬多日元買的貼著「Chalie Vice」假吊牌的西裝,進到黑色背景的攝影棚拍照,在輕部政治雙手交叉在胸前擺好 pose 的時候,黑布后面站滿了小山薰堂整個公司的同事在攝影師按下快門的瞬間拉下幕布,熱烈慶祝輕部政治生日快樂。
△ 「整蠱」成功 | ©?小山薰堂
一個完美的好玩的生日策劃就這樣結束了,但是小山薰堂整個公司的人都有點不舍,雖然這是一個假的虛構的品牌,但是大家三個月來的一切策劃和設計卻都是實打實進行的,把它當成一個真正的品牌在策劃,所以有一個同事就說,我們何不真的做這個品牌?剛好小山薰堂和伊勢丹百貨的社長共同參加一個晚宴。吃飯的時候,問他「你知道 Chalie Vice 嗎?」社長說他沒聽過,小山薰堂就把這三個月來的「birthday present」策劃活動告訴了他。第二天,小山薰堂的公司就接到了伊勢丹百貨高層采購的電話,表示對「Chalie Vice」感興趣,希望可以在伊勢丹百貨八樓開店。
就這樣,一個源于「birthday present」的驚喜,逐步演變成一個真正的品牌。而在開業前,小山薰堂還動用他在日本的影響力,請來了很多日本各行各業的人士,拍攝了一個《about ‘CHALIE VICE’》的視頻,視頻中,各行各業的人士紛紛一本正經地聊起了這個關于「Chalie Vice」的品牌,但其實這也都是小山薰堂的一個創意,因為他們聊的,關于這個品牌的歷史文化等等其實都是虛構出來的。
△ 各行業的大咖介紹「chalie vice」品牌「歷史」短片《who is 「chalie vice」》| ©?小山薰堂
△ 伊勢百貨商場「chalie vice」實體店 | ©?小山薰堂
策劃是什么,小山薰堂認為凡是幫助我們度過人生各種困難的方法,都可以稱之為策劃。策劃現在還有沒有人做,他覺得對于策劃,需要衡量兩個問題:
解決了這兩個問題,就可以成為一名合格的設計師。
小山薰堂是一個擅長制造驚喜的策劃師,也有劇作家,電臺主持人,企業顧問等多重身份。他不拘泥于某一領域,并且在每一領域中都可以做得很好。最近幾年他就把很大的精力投入到「湯道」中去,熱衷于泡湯的他覺得泡湯文化不僅僅可以在日本流行,他也可以讓全世界都喜歡上泡湯。
他有著無限的活力和對生活的細心觀察。也有著日本人對于每一件事追求的態度,從舉世聞名的熊本熊,由生日驚喜而誕生的新品牌「Chalie Vice」,到近幾年一直推廣湯道文化,他總是從讓人感到驚喜、幸福的角度去考慮一個策劃案,并且結果也常常讓人感到幸福,正如他最后總結的,「作為一個設計師,作品能讓人感到幸福,那就是最大的幸?!?。
△ 小山薰堂的湯道品牌「湯道百選」 | ©?小山薰堂
李虎的分享主題是《建筑何為》,他覺得,現在是全球連接的時代,前所未有的聯系卻又離合,是一個創造力與破壞力同時存在的時代,雖然信息交流方便了,但是這個時代有一堵「新的墻」正在壘砌,貧富差距,欲望擴張,圖像時代,環境破壞,正逐漸把這個時代的人隔開了,這也是一個極度消費的時代,所以他覺得,作為一個建筑設計師,對于這個時代,必須懂得「modesty謙遜」。
△ 美國《國家地理》雜志六月刊封面
「謙遜」意味著節制,有意識的建造,建造得恰到好處,不多不少。
「謙遜」意味著包容,意味著通過建造來打破屏障,連接人與人,消除差距、重構社會。
「謙遜」意味著保護,通過建筑來創造一個人與自然的庇護所。
「謙遜」意味著尊重,帶著對當地環境的尊重去建造,無論是場地周圍自然環境、它的歷史,或是當地居住的人群。
「謙遜」意味著謙卑,以一種真實反映我們在世界中所處位置的方式去建造。我們不過是龐大網絡中的其中一部分。
「謙遜」意味著遠離虛榮的自由,建筑不僅是流于表面的美學,而是去追求深度的意義。只有做到這一點我們才能真正重新擁有勇氣,去想象、去探險,并且回歸詩意。
但他也強調,「謙遜」并不意味著建筑是無力的。
在他的案例分享中提到上海油管藝術中心的項目,這是一批位于上海徐匯濱江原龍華機場舊址的廢棄儲油罐,以及一些消防水池和配套設施。是一段歷史的記憶。他希望能保留下這一批歷史的見證建筑,所以在建筑設計上完全保留著這五個超大的儲油罐外觀,并對內部功能進行合理的劃分,具體劃分為一個油管保留原始風貌,幾乎不對其進行任何的加工和改造,保留其原始質感和構造,可作為大型藝術作品的展示。一個在內部進行改造,增設平面展示墻,使其適用于精致藝術品的展示。剩下的三個被改造為多功能的展廳和活動休閑空間。
△ 五個油管的功能劃分 | ©?OPEN ARCHITECTURE
李虎在改造中,加入了一個「超級表面」的概念,通過營造一片「都市森林」,將油管鏈接起來,使其融入到整片森林中去,這也給上海繁忙的都市中增加一片適合公眾親近自然并且可以感受當代藝術,提升城市生活品質的綠地?!赋壉砻妗怪匦陆⒐姾统鞘兴囆g自然的關聯。
△ 「超級表面」 | ©?OPEN ARCHITECTURE
李虎在城市建筑改造中,時常會考慮到公眾和自然、建筑的關系,他在深圳坪山新區劇院的項目中,為了有別與其他城市的千篇一律,遠離公眾的劇院,提出了「演藝建筑的一種新的可能」概念,通過「空間敘事」的方式,區分建筑功能「正式與非正式」,也是使得公眾可以融入到劇院建筑中,并且根據深圳的氣候設計了劇院的綠化工程,使得劇院與公眾與自然都可以得到一個很好的共處。
△ 深圳坪山演藝中心 | ©?OPEN ARCHITECTURE
在最后,李虎還分享到在中國北部渤海灣昌黎縣一段被稱作黃金海岸的沙灘上,OPEN 設計了一座埋在沙子底下的美術館──UCCA Dune Art Museum(沙丘美術館)。他提到,隨著社會的發展,人類生存空間不斷的蠶食地皮,沙丘作為一種地理自然地貌,已經越來越少能看見了。但是接到的這個項目就是需要在沙丘上建造一座美術館,這肯定會對沙丘有很大的破壞,他希望可以在這矛盾的兩者中找到一種平衡,最后,他在海邊玩泥沙的小朋友身上得到啟發,何不讓美術館以「洞穴」的形態埋在沙丘之下,這是對自然的一種尊重,也是對沙丘的一種保護,因為沙丘美術館的存在,這片沙丘將永遠不會人為「被推平」。
李虎還從當地造船木工身上得到啟發,因為美術館的造型特別的復雜,所以用到造船的技術,通過用木模板等小尺度線性材料手工編織出的模板定型,再用混凝土澆灌成型,并且還在建筑內部保留了混凝土因為木板澆灌留下的不規則的肌理。希望讓木工建造的痕跡可以被每一個進入美術館的人感知和觸摸。
△ 將造船術應用在建筑中 | ©?OPEN ARCHITECTURE
△ 建筑軀殼 | ©?OPEN ARCHITECTURE
△ 建筑覆蓋上土后 | ©?OPEN ARCHITECTURE
△ 內部大量保存原始手工痕跡 | ©?OPEN ARCHITECTURE
因為是在海邊,在美術館的造型上,會留出很多的大小不一的洞口,每一個洞口望出去,都是大海不一樣的風景,讓人在美術館中可以感受到不同畫面切割的海景,并且因為建筑被埋在沙子中,冬夏的溫度得到很好的調節,使得建筑非常節能,保證了建筑的可持續性,而巧妙的天窗開口,更是為美術館提供全天候的自然采光。
△ 內部開口設計,保證了采光和觀賞性 | ©?OPEN ARCHITECTURE
李虎是一位「詩意」的設計師,在他的作品中,可以處處體現人、自然與建筑之間的和睦相處,建筑不再是冰冷的存在,他可以被感知被「融入」,這是他對自然的敬畏,也是對「謙卑」最好的詮釋。
不論是小山薰堂對于使人感到幸福驚喜的策劃術,還是李虎對于現代建筑的思考和態度,他們都考慮到人和社會、自然的關系,正如小山薰堂在最后分享的一張他在紐約街頭拍到的一個流浪漢在地上貼的「I LIKE SURPRISES」。人們都喜歡驚喜和快樂,這是能讓人感到幸福的東西,他們讓策劃不再是按部就班的一套流程,建筑也不再是一棟冰冷的建筑,他們有溫度、有情感,都可以使得所接觸到的人感到幸福和快樂,引發人們對于人與社會、自然的思考。他們應該是這個時代,一個合格設計師的標準和榜樣。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
前言
說起數據可視化設計,如今絕對是熱門的設計之一,而真正懂數據可視化設計的設計師卻不多,隨著大數據產業的蓬勃發展,很多企業都開始應用數據可視化。很多UI設計師突然會接到公司數據可視化設計的需求,如果不了解數據可視化的設計,那么肯定是一頭霧水,不知從何入手。
什么是數據可視化?
數據可視化主要旨在借助于圖形化手段,清晰有效地傳達與溝通信息。簡而言之就是把枯燥無味的數據,通過圖形化設計表現,達到一種更加精準和的數據分析和表達。
下面要跟大家分享的是,我經手的一個真實數據可視化大屏項目改版,接下來會分享給大家一套全面的數據可視化技法,包括科學的運用圖表、運用色彩、把控數據層級以及視覺層級,達到美學形式與功能需要齊頭并進。
案例解析
首先看下線上舊版的設計,分析存在的問題。
問題
1、左側大面積文字導致視覺不平衡,且密集
2、整體用色暗淡,圖表用色沒有規則
3、圖表運用不恰當,不能有效傳達數據信息
4、缺標題,數據信息優先級排列不恰當
結合這些問題作出了改版,
因為是改版所以能夠看到線上真實的數據信息,這樣舊版的數據呈現就能給到重要的設計參考價值,例如能夠知道TOP10熱門關鍵字大概是幾個字,在設計圖表時就會依據字數的長短來參考設計,也可以知道是否有極端數據,從而運用更適合的圖表呈現等等。
下面依次對照新改的版本,解決舊版出現的問題。
問題一:
1、左側大面積文字導致視覺不平衡,且密集
注解:
由于左半部分有大篇幅的文字,視覺上會顯得密集,容易視覺疲勞,右半部分大面積的色塊圖表使得整個界面視覺上不平衡。
解決方案就是在把文字用排行榜圖形分開,放到文字中間部分,這樣就豐富了只有文字的單調設計,整體視覺較為平衡和諧,并且這樣還能夠突出強調重要數據信息。
問題二:
2、整體用色暗淡,圖表用色沒有規則
注解:
提取舊版的顏色,色彩很暗淡,對于深色背景來說,這樣的配色方式并不會有好的視覺表現。
暗色背景通常用高飽和高明度的顏色,對比暗色背景更能聚焦視覺,突出數據可視化的表現,亮麗的色彩能夠讓數據可視化設計的更加絢麗。
數據可視化大屏設計慎用大面積的漸變色,小面積可嘗試,一般大屏都是拼接屏,品牌不一樣色差會表現不一,所以初稿出來后可以先去大屏上看下效果。
注解:
圖表用色沒有規則,上圖三個圖表都表現 “正面” “中立” “負面” 三個維度數據信息,但在用色上沒有一個統一的規則,例如三個圖表中黃色分別代表不同的維度信息,這樣就無法建立觀者的認知。
“負面”有警示的作用,運用紅色調較為合理,“中立”色彩情緒上適合黃色調,黃色會給人中性的感受,例如馬路上的等待的黃燈,例如一片樹葉從綠色到黃色再到枯萎灰色,給人一種過程中的中立情緒感受等,“正面”就是給人積極的一面,所以綠色或者主題色藍色都是很恰當的。
問題三:
3、圖表運用不恰當,不能有效傳達數據信息
注解:
同一個界面中左側文字TOP10屬性類似的“核心媒體TOP10”展示形式最好能有共性。舊版運用了柱狀圖并不恰當,尤其是標題字數過多時候并不推薦使用柱狀圖文字傾斜的展示方式,改版后加上相同的排行榜圖標,數據直接展示出來,TOP10的效果會更好。
注解:
數據需要對比分析,顯然這個玫瑰圖表并不能很好的說明對比,每個維度大小排列沒有規律,實際數據分布不均勻,導致沒有對比的效果,改版后突出總的數據,用條形圖從大到小依次排列各維度數據,數據上有對比,視覺上更有主次。
注解:
首先是舊版用色不恰當,最嚴重的問題是圖表上沒有任何數據,因為展示型的大屏,很少有交互行為,這樣的設計是不可取的,不能讓觀者去猜百分比數據,數據可視化就要用圖表數據的形式展示出來最直接的信息,除非是展示趨勢并不是準確的數據。
注解:
舊版用的條形堆積圖,其實更適合百分比數據的對比呈現,一個維度下面有若干個子項,比較適合分組柱狀圖(新改版為分組柱狀圖)或者分組條形圖更為恰當。
注解:
舊版色彩搭配不和諧,趨勢圖需要突出趨勢線,而不是體現數據的面積,紅框注釋不夠直接尤其在顏色過多時,更不好分辨各個顏色指向的維度,新版的設計則能夠準確指出各個維度的趨勢線。
問題四:
4、缺標題,數據信息優先級排列不恰當
注解:
新聞的標題跟轉發數才是觀者關注的,而來源和時間就是次要關注信息,所以視覺上要為觀者分出層級,這樣不僅能夠使觀者看著更舒適,視覺上也很有層次,不雜亂。
舊版標題、來源、時間、轉發數、都是相對于內容居中的狀態,這種排版是不符合表格排版規則的,簡單的做法就是文字左對齊,數字右對齊,數字右對齊能夠更快速識別數據量大小,跟其他數據的對比,文字左對齊則是根據人從左到右的閱讀習慣。
之前專門總結過一篇數據表格如何排版的文章,想了解的朋友,文章下面有數據可視化系列文章鏈接。
注解:
設計數據可視化大屏時一定要考慮用戶瀏覽數據的優先級的構架,例如要遵循先總后分,先具體后抽象的邏輯,上圖舊版把趨勢放到了頁面的第一視覺位置,就有點宣兵奪主了,根據先具體后抽象,改版后具體數據放到第一視覺位置,趨勢信息排后。
舊版大屏沒有標題,我是誰?我在干什么?我要去哪里?所以標題務必得有。
總結:
說了這么多設計要點,新手可能還是不知道設計的切入點在哪里,所以總結一個數據可視化設計分三步走法。
第一步:了解數據要表達的本質。
拿到一組數據,先分析主次,這組數據要表達什么?是展示數據,還是對比數據,或是實時監控數據,從而確定展示的優先級。
第二步:確定使用圖表。
通過了解數據要表達的本質后,選擇適合他的圖表,這時候就需要打開幾個開源的圖表網站找圖表,記住你的圖表用的是網站的哪一個,開發如果找不到就丟給他網址。
網站有:Fusion Design、螞蟻數據可視化-AntV、ECharts Examples、Highcharts
第三步:整體效果調整
功能性的數據展示都沒問題,還要看下整體效果,例如用了過于多的柱狀圖,可能就會影響了整體的美感,圖表盡可能多樣性,數據表達信息就要用不同的圖表展示。
最后
數據可視化設計核心就是,通過美學設計形式把數據精準和的分析和表達。
數據可視化設計是目前較為熱門的設計工種,通過本文分享的項目迭代案例,希望能夠讓你對數據可視化有些許了解。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
界面配色2016 年玩追波的時候,有幸加入了 FreedomUnion 團隊,當時團隊內的小D(Dea_n)的界面漸變風很受歡迎,他使用的顏色干凈、舒服、有感染力,很快形成了自己特有的設計風格。
我被他的配色深深吸引了,特別想研究他的配色,就嘗試把他的作品在 PS 中打開,嘗試吸色,找找他經常使用的配色范圍。為什么他配出來的顏色就很吸引人,長時間看眼睛也不會太累?下面先欣賞一下小D(Dea_n)的設計作品。
作品已經過了三年了,如果是一般的配色作品應該看上去會有些過時,但是小D(Dea_n)的作品看上去并沒有,還是有不少作品的配色現在看上去也是很前衛的。一起來看看我對小D(Dea_n)的大部分作品的吸色情況吧。
小D(Dea_n)的用色著實很大膽,很多都是貼邊用色。我上大學的時候,老師曾經說過盡量少用貼邊的顏色設計,包括灰色也可以使用帶有顏色傾向的高級灰。這下終于明白了為什么小D(Dea_n)的配色這么亮眼。
當然我也有自己的小發現,我發現每個的作品主配色的 CMYK 值總會有兩種色值為 0%,比如C:0%、M:91%、Y:95%、K:0%。
難道只是偶然?當時我也請教過小D(Dea_n)是否是刻意的,得到的答案是并沒有。然后小D(Dea_n)靠自己卓越的配色能力進入小米 RIGO 設計團隊。
當小米 miui9 系統官網海報出來的時候,我把作品拿到 PS 一吸色,結果告訴我小D 一定參與了這個作品的配色設計。那為什么只有黃色的 CMYK 的色值是有 3 種顏色混合而成的。
難道僅靠著一點吸色就可以肯定 CMYK 配色方法的存在?CMYK 配色方法是不是只存在 UI 界面設計中?CMYK 配色方法可不可以增加它的擴展性?CMYK 配色方法可以作為一種配色方法幫助設計師完成色彩搭配的工作嗎?帶著這些疑問我繼續研究配色。
我們來看一下「子彈短信」的應用圖標,它的用色基本符合之前說的 CMYK 配色方法,當然是不包含子彈上的深色調。漸漸地我發現 CMYK 配色方法的路子越來越寬了。
Asher 是追波繪畫寫實圖標的大神,他的寫實作品配色飽和度高,光影通透到位,需要很強的手繪功底。在他的設計作品中除去暗色調和深色調的部分,其他配色基本都使用了 CMYK 配色的技巧。
我們都知道 iOS 系統和 Android 系統,在他們各自的系統規范中對配色也有相應的規范。我們提取兩大系統規范中的配色進行吸色分析。
一頓猛吸之后,發現大廠系統規范的用色也基本符合 CMYK 配色方法的標準。
前段時間 IBM 重新定義了他們的設計語言,在產品配色中 Blye 60、Alert60、Alert40、Alert20、Alert50 等主要配色都符合 CMYK 配色的方法。
近期很多互聯網公司進行了品牌改版,深亮色調到淺亮色調慢慢成為一種趨勢。
新版的 Facebook LOGO 從深藍色變為亮藍色,字體則繼續保持原樣。其中 CMY 值進行適當減少。除此之外,圖標部分也由原來的圓角正方形變為圓形,圖標中的「f」從偏右的位置移到圓形的中間位置。
全球旅行者喜愛的民宿預訂平臺 Airbnb 的品牌 logo 主色也符合 CMYK 配色的方法。和 2019 潘通流行色珊瑚橘很接近。
微信 7.0 版本使用了經過調整的全新圖標。圖標除了原來綠色漸變的背板變淺外,兩個標志性的對話氣泡與背景板的比例也做了相應的調整。色彩的 CY 值減少了。調整后的新版圖標除了空間感和符號感也更強外,整體變得「更輕」了。
在網易云音樂 6.0 版本中,對品牌 LOGO 再次進行了調整。新版網易云音樂圖標最明顯的變化為紅色的主色調,其次為「留聲機」和「音符」組合而成的圖形部分。
紅色較之前變得更加明亮,同時圖標紅色背景由之前的純色改為輕微的紅色漸變填充。新的紅色著重考慮了用戶長時間使用屏幕造成的視覺疲勞,采用比較「輕」的色彩可有效降低這種問題。其中顏色 CMY 三種色值都有減少。圖形部分,新版圖形縮小了中間交叉部分的面積,頂部向右彎曲的弧形變大。整體效果較之前更加清晰,特別是在更小的應用尺寸中,其展示的效果明顯要比之前的好。
看到上面的描述是不是特別想知道當 CMYK 中的兩個色值同時為 0 時,不同顏色的色域范圍?帶著這樣的想法,把紅橙黃綠青藍紫中每類選一種顏色進行區域研究。打開 PS,在拾色器中截取不同顏色的色域范圍如下:
上圖白色區域就是在紅色 C 值為 0、K值為 0 時的色域范圍,范圍還是很小的。
黃色的 CMYK 色域很奇怪,在色相 38-58 度的黃色純度最高時,CMY 都有色值。也就是 PS 里面最純的黃色也是由 CMY 復色調和而成的。這也是為什么之前黃色使用時,CMYK 色值是由三種顏色混合而成的。
上圖白色區域就是在綠色 M 值為 0、K 值為 0 時的色域范圍,范圍開始慢慢變大,意味著綠色高飽和度的可使用顏色越來越多。
上圖白色區域就是在綠色 M 值為 0、K 值為 0 時的色域范圍,范圍也開始慢慢變大,大體范圍和綠色相當。
上圖白色區域就是在藍色 Y 值為 0、K 值為 0 時的色域范圍,范圍應該很大了。
上圖白色區域就是在紫色 Y 值為 0、K 值為 0 時的色域范圍,范圍和藍色的色域范圍相當。
上圖白色區域就是在洋紅色 Y 值為 0、K 值為 0 時的色域范圍,范圍和藍色、紫色的色域范圍相當。
1. CIE
從理論上講,可見光分布的色彩域就是 CIE 所表示的色域。在顏色感知的研究中,CIE 1931 XYZ 色彩空間(也叫做CIE 1931色彩空間)是其中一個采用數學方式來定義的色彩空間。從 CIE 圖中能看出冷色的區域遠遠大于暖色的區域。其中黃色和紅色的色域范圍相對較少,完全符合 PS 拾色器里面的色域范圍。
2. RGB
RGB 是計算機熒光屏顯示顏色的色彩方式,它們是由 R、G、B 三種發光質通過加光混合產生的。RGB 色彩模式是一種加色模式,將紅光、綠光和藍光以不同的比例相加可以合成各種各樣的色光。R、G、B 三種顏色各能產生 2 的 8 次冪,即 256 級不同等級亮度的顏色。256*256*256 即 16777216種顏色。RGB 色彩模式主要用在電腦顯示器和電視上。RGB 色彩模式是繪圖軟件最常用的一種顏色模式。
3. CMYK
CMYK 由C(青)、M(品紅)、Y(黃)、K(黑)四色高飽和度的油墨以不同角度的網屏疊印形成復雜的彩色圖片。CMYK 色彩模式是一種顏料模式,它利用色料三原色混色原理,加上黑色油墨,形成各種各樣的色彩。
這種模式屬于相減混色模式,廣泛運用于繪畫和印刷領域。CMYK 的色域范圍比 RGB 的色域范圍要小,某些色彩無法用 CMYK 油墨印刷出來。當這些不能印刷出來的顏色出現時,在 PS 的「拾色器」對話框上會顯示一個帶感嘆號的三角形警告標志,表示這些顏色超出 CMYK 的色域。即使設計了比較鮮艷的顏色,如果超出了 CMYK 印刷顏色的色域,計算機就會用一個接近它的較灰暗的顏色去頂替它。可見大部分 CMYK 印刷顏色的色域小于 RGB 屏幕顏色的色域。
我們來仔細研究下 CIE 色域范圍,CMYK 當中的黃色色域值有一小段超過了 RGM 的色域值。這就說明黃色的更飽和的 CMYK 的原色和間色可能在 RGB 的范圍之外。
其他的我們還有一個方法去驗證。就是在 PS 里面新建顏色模式為 CMYK 的文件,打開拾色器界面,把顏色調到右上角改變色相值的 0-360度 的范圍。色相在 38-58 度的黃色區域對話框上不會顯示帶感嘆號的三角形警告標志,表示黃色區域的 CMYK 色域值是超過 RGB 的色域值。這就是為什么 iOS 系統規范中的黃色色值必須是三種顏色混合而成的。這時候特殊的顏色就需要特殊處理。
CMYK 配色法就是兩種顏色的色值為 0%,但是黃色因為色域問題是由三色組成的(c值盡量小于10)。
色域集中在純色系的范圍,濁(灰)色系和暗色系除外。
界面的主色(純色系為主)、圖標設計、品牌色(純色系為主)都可以使用 CMYK 配色法。
CMYK 配色法目前多適用于互聯網產品,雖說在創意上要敢于創新,但在實際的工作中還是需要理性地根據公司品牌和產品定位,合理地進行色彩搭配。目前此方法沒有更多的理論依據支撐,如有疑問希望多多交流。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
在大數據時代,數字化轉型已經成為行業迫切的需求。2016-2018年金融、醫療、政府、安全等行業在大數據方向上的投入持續增加,大數據可視化的需求呈現爆發式增長,相關產品也紛紛推出:阿里 DataV 的「雙十一的天貓可視化大屏」、360的數博會企業安全大屏、帆軟的 BI系統。面對井噴式的市場需求和部門業務在 To G、To B 的拓展需求,需要快速儲備大數據可視化的能力,作為一個 To C 的設計團隊面臨的挑戰和責任都是巨大的。(編者注:由于本文動圖太大,將近100M,為了不影響移動端讀者的閱讀體驗,本文圖片都是靜態截圖,動圖文章鏈接戳:https://docs.qq.com/doc)
在過去一年中,潘洛斯(Penrose)團隊參與了「靈鯤」態勢感知系統、「麒麟」系統、「鷹眼」反電話詐騙系統等14個大數據可視化產品的設計。隨著產品不斷的探索和迭代,積累了一些行之有效的大數據可視化設計的心得和方法?;凇胳`鯤」這個案例,分享一下我們在大數據可視化方向的設計和思考,希望能夠給對大數據可視化感興趣的同學提供一些思路。
「靈鯤」是 MIG 安全云部門與潘洛斯(Penrose)團隊合作的,基于潘洛斯大數據可視化引擎衍生出的一款金融風險監控可視化產品。應北京與深圳金融辦的需求,搭建靈鯤金融風險態勢感知系統,實現事中風險控制,減少網絡欺詐損失。
著手設計之前,我們需要了解:大數據市場規模和各行業投入有多大, 政企客戶的大數據可視化產品的痛點是什么?對比深耕多年的競品,我們設計的突破口在哪?——挖掘我們的機遇和發力點。
數據顯示,2017年中國大數據產業規模為4700億元。隨著一系列政策的出臺,大數據國家戰略正在加速落地,大數據行業將持續增長,預計2018年中國大數據產業規模將達到6200億元,增幅達32%。需求層面,預計2020年大數據應用市場需求中,僅政府需求就占比35%,另外包括醫療、交通、金融等多個行業在大數據和信息化建設投入也將持續增加。
除了旺盛的需求以外,我們還注意到很多政企內部數據基礎很好,以宜昌為例,宜昌智慧辦匯集了來自32個部門、60個系統的大量詳盡的實施城市數據。與這些政企單位合作,易形成行業燈塔,便于規模復制。另外,針對大數據可視化,目前政企已不滿足于「面子工程」,更多的希望大數據可視化與 AI 結合,呈現更復雜多樣的數據,以輔助決策。
基于以上的市場潛在規模的考察和典型客戶研究,在進行「靈鯤」產品能力規劃時,我們主要考慮以下三類使用場景: 政府機構決策、展會展臺及參觀視察。
在金融局等相關政府機構的日常工作中,決策層和相關工作人員會基于實時金融平臺數據,針對日常事務或緊急事件進行決策管理,監控大廳也就應運而生。基于這種工作方式,我們可以發現潘洛斯的產品特性非常契合監控大廳的使用場景。在監控大廳中,用戶是通過兩種不同的信息界面進行工作的,分別是綜合數據可視化大屏(總屏)以及工作人員獨立使用的電腦屏幕(分屏)。其中,在總屏上,呈現的內容通常是一些對于決策者來說至關重要的信息:正在發生的事件的狀態和可能趨勢(發生了什么)、值得注意的風險(需要團隊做什么)以及風險的處理進度(團隊做的怎么樣);而在分屏上,主要為工作人員提供數據分析及風險事件處理功能,幫助團隊對事件迅速作出響應,協作。
不同于工作場景,靈鯤產品在展會中展臺的主要受眾是參會人士,除了一般民眾外,更有價值的觀眾主要來自于媒體和潛在客戶等。所以在這個場景中展示的內容與實際工作中的數據可視化內容有一定的區別,更多的是對產品能力的展示、產品的宣傳以及社會價值的呈現。如何直觀的呈現產品的能力,并使觀眾快速獲得有價值的信息并留下深刻印象非常重要。這也決定了在這個場景中,用戶不僅包括觀眾,也包括演講者。我們需要考慮如何通過控制端讓講演者而流暢的完成產品介紹。
在金融局等政府機構,經常會有上級領導視察參觀的接待活動。這些來訪的貴賓往往希望了解關于機構更全面和具體的信息,包括但不限于工作流程、工作成績等,所以我們認為這個場景綜合了以上兩種場景的主要特點。這里的用戶包括來訪人員,演示人員以及工作人員,展示的內容也往往不局限于金融風險大數據的可視化,還會包括工作方式和流程本身。
通過對阿里 DataV,AntV、360、帆軟的大數據可視化產品的體驗,我們從產品呈現、產品體驗、產品技術、部署方式和商業模式幾個維度的橫向對比。阿里的技術對可視化效果的局限性很大,優點是產品實現模板化、系統實時可交互,用戶可以快速搭建自己的可視化產品;360產品可視化呈現3D化,數據呈現效果和數據感知度較2D更優,但是系統非實時可交互,而且搭建周期長,成本較高;帆軟的可視化是傳統報表型,可視化效果呈現缺乏競爭力。
經過對比,我們不難發現3D化數據呈現能力和數據感知度是最高的。但是局限于目前的技術,項目成本高、研發周期長、難以滿足業務的發展速度。
基于市場需求和競品分析,我們從以下三個方面分別分析了產品的機會和突破點:
基于對靈鯤態勢感知系統的使用場景、用戶需求以及機會點的考慮,我們規劃了未來產品的整體架構,包括大屏端、云端、客戶管理端、小屏端以及虛屏端。大屏端基于本地端引擎進行大數據可視化呈現??蛻艄芾矶税▓蟊砗团渲霉芾淼裙ぞ?,幫助用戶進行分析數據和策略管理。小屏端主要考慮操作控制和移動辦公等移動使用場景,提供大屏控制、移動審批、監管、公眾號等功能。以上三個端由云端拉取和更新數據。虛屏則提供差異化的大數據可視化體驗,如增強現實等新奇有趣的玩法。由于大屏端在我們的規劃里是態勢感知系統的核心,且落地到合作方的模塊,以下分享的內容將主要圍繞大屏的內容設計展開,未來如果產品規劃中的其他模塊陸續上線,我們再做分享。
本地端引擎
早期我們設計的「麒麟」系統、「鷹眼」反電話詐騙系統在對外在大屏上展示主要是通過 web 端的方式去實現,雖然適配性尚可,但很多設計效果無法完全還原。我們也嘗試性用 webGL 和 three.js 的方式把設計效果再做進一步提升,但迫于研發周期和實際性能的壓力,最后也只能作罷。中期我們嘗試使用3D工具輸出視頻的方式做過一些過渡,輸出效果是沒有問題,但如果在展會上遇到媒體采訪,事情就會變得異常尷尬。媒體會詢問展示內容的真實性,數據的實效性,甚至采訪的時候需要停留在某一個畫面,我方參會人員配合起來非常麻煩。后來我們也研究過競品使用的工具,例如 Ventuz,工具最終輸出的效果是不錯,但是界面、操作極其復雜,相關教程和素材在網絡上極少,授權費用也相當昂貴。最終經過我們內部商討和研究,也請教了一些 IEG 專家的意見,決定使用游戲引擎作為本地端的顯示引擎。
Unity 和 Unreal 我們也糾結過許久,甚至 Unity 上我們也出過可交互的 Demo,但最終選擇了 Unreal 的原因主要有以下幾個點:
色彩基調
為了打造靈鯤產品的可視化,在競品中脫穎而出,我們從產品功能、用戶、愿景三個維度發散,提煉出設計指南的關鍵詞:智能、直觀、未來,塑造獨特的大數據可視化風格體系。
靈鯤金融態勢感知系統內容架構分為數據維度和場景維度,數據是核心,場景是大數據呈現的承載體;場景使用具有金屬質感的深青灰,符合理性的、冷靜的、智能化產品的個性;數據色彩使用透明、發光、具有未來感的高亮色,和場景形成強對比,使數據更為突顯、更具吸引力;為了強化客戶對于風險的感知,通過顏色區分數據的風險等級,更直觀的傳達數據的含義。如:高風險的使用紅色,紅色讓人聯想到危險、警報。
呈現方式
在現有的產品和傳統認知中,大數據產品內容是各種樣式的圖形和圖表,主要以平面為主。我們從游戲、科幻電影中收集了一輪大數據可視化內容相關的案例,從視覺維度上看,主要有這幾個特點:一、具有很強的空間感,支持多種數據同屏呈現,可交叉分析對比,承載性強;二、高精度的模型和材質,豐富的粒子、動效,更加貼近現實的光影呈現;三、互動性強,可交互,實時演算。
從大數據可視化的內容維度上看,梳理的3D架構,主要包括:數據維度>基礎建設>交通運輸>行政分區>自然條件。
數據維度層是最核心的部分,位于場景上方最突出的位置,能夠更清晰的展示風險數據的分布、量級;行政區域和交通層是城市場景最基礎的數據維度,方便用戶進行區域的數據對比和分析;基礎建設層包括城市的建筑、標志性建筑、照明、橋梁、等,還原城市獨特風貌;通過突出城市的標志性建筑,強化城市、區域的識別性,輔助數據傳達;自然條件層包括地形、河流、植被、展示真實的環境特征,用戶更有代入感。
△ 北京場景
△ 鳥瞰視角、漫游視角自由切換,滿足全局、街道、建筑的不同顆粒度的數據呈現,方便用戶進行縱向的數據對比。
△ 場景整體風格圖
數據表現
靈鯤的3D數據樣式有柱狀圖和散點圖。如何把司空見慣的數據樣式,設計出產品的個性,是我們重點要解決的問題。為了體現大數據的力量感,使用科幻電影中的聚合能量、發光的能量石作為柱狀圖的主圖形;同時把數據采集、融合、分析的過程具象為動態粒子網絡,作為輔助圖形。數據圖形和結構中都融合了品牌 DNA 的三角圖形,數據樣式更具有品牌的個性。
△ 柱狀圖
△ 散點圖
預見未來的功能創新
時間線:3D的維度基礎上,我們增加了時間的維度,通過拖動時間線查看不同時間點的數據的變化趨勢,由此對未來數據進行預測。為了強化用戶對于時間感知,設計了白天和晚上兩種風格,白天和夜晚隨著時間變化而變化。
天氣系統:天氣是未來數據分析極其重要的一個因子,它會直接影響交通(例如人流、物流、航空)、醫療(例如疾病傳播、醫院就診)等領域。所以我們設計了通用的天氣系統組件,呈現實時天氣情況,以輔助用戶進行數據分析。
控制端:符合大屏使用場景和用戶操作習慣,同時小屏控制端支持更復雜更精準的操作。
組件庫搭建
為了提升產品搭建的效率,降低了研發周期和成本,產品功能模塊實現了組件化,分為3D場景組件、3D數據組件、2D數據組件。任何一位設計師都可以根據產品需求,搭配組件模塊,快速搭建大數據可視化產品。
數據內容的包裝
通過該產品,一方面能夠輔助金融局等政府機構領導把控整體金融平臺風險、輔助做出平臺整改指導決策意見,展示金融工作成績;另一方面體現出騰訊大數據能力和公司的社會責任;最后,通過從更長遠的眼光去包裝產品,打造智慧監管標桿產品,從而推動與政府客戶更深入廣泛的合作。具體內容通過以下兩條線進行組織:
橫線:各個監管維度
靈鯤金融風險態勢感知系統專注于呈現金融風險數據的呈現,主要分為公司層面和用戶層面,綜合體現潛在的風險趨勢和實際影響的范圍。除了靈鯤用于監管金融數據,整個監管平臺還負責展示包括政治、生態、電信、消費在內的多個監管維度,這些維度與金融監管維度為同一個內容層級。我們考慮到騰訊的大數據能力可以幫助更多城市綜合管理者了解整個網絡社會的全局性風險,所以每個維度都是智慧監管必不可少的一部分,并且每個維度之間的橫向交叉對比能夠使智慧監管平臺發揮出更大的社會價值。
縱線:監管顆粒度
靈鯤系統中觀眾可以從全局數據一直下鉆到個體數據,實現不同顆粒度的監管目的。
具體來講,全國的安全風險最終是以加權平均后的指數形式體現出來;再到具體的省份和城市,內容細化到具體風險事件的發生情況,如電信安全監管維度,呈現電信詐騙使用的偽基站的位置,以及發送詐騙短信的數量等;最后細化到城市中的機構和建筑,呈現具體機構的運行情況和具體高風險企業所在建筑進行實時監控。
https://v.qq.com/x/page/d0742kep4k1.html
潘洛斯團隊是基于 DNA 設計中心下的大數據可視化團隊,成員來自于 MIG 安全和醫療部門,早期專注于 To C 端的產品設計,過去一年里隨著公司戰略的變化和部門業務方向的變化,我們逐漸開始把產品設計的重心和思考放在了 To B、To G 領域,不斷做著嘗試和探索。以前做 To C 的時候我們關注的更多是 DAU、轉化率、日活、滿意度這些和產品體驗相關聯的指標,滿足絕大多數互聯網用戶的訴求是我們首要去解決的問題?,F在做 To B、To G 領域的設計,我們更多思考的是如何包裝我們現有的業務能力,能夠通過更加簡單、直接、有效的方式觸達給我們的客戶,讓他們更容易理解像騰訊這樣擁有海量數據和算法能力的互聯網公司如何幫助他們進一步提升他們的業務效率和產出,給這個社會創造更多的價值,這也是騰訊多年來想要承擔的社會責任之一。
文章來源:優設
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
2018年如自己所愿,終于有機會可以嘗試下數據大屏的可視化設計,但是想象總歸是美好的,新手上崗第一次總是那么不太如意,陌生而又熟悉著。在做過幾次嘗試后,自己又私下里翻閱了一些關于數據大屏方面的設計文章,好的設計圖片。有很多不足,也有很多剛開始做的時候沒有注意到的點,這次整理作品,也順便把大概的設計流程整理了一下。給自己的一個復盤總結,也是一次設計分享。
文章來源:UI中國
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
數字化經濟日益發達的現階段,數字化產品作為線上觸點,也就逐漸成為服務中的標配,它更像一個服務員通過屏幕與用戶發生對話。在這場對話中,好的設計應該像一門語言,能夠承載起傳達與溝通的工具屬性。我們也可以見到,越來越多的設計團隊都會構建一套屬于自己產品的設計語言系統。對于團隊內部,它的意義在于通過系統化的設計規則,來控制產品長期迭代的熵值,以及提升團隊的協同效率,同時,設計師有機會從重復的勞動中解放出來,投入更多精力到探討問題本質實現價值創新。就好像在石器時代,祖先們記錄事件或表達情感的混亂程度,遠遠高于現代人,關鍵在于是否擁有一套成熟的語言系統。
對于外部用戶,設計語言系統可以讓產品在不同終端、不同場景中的表現保持一致性,也有機會通過植入品牌基因的方式形成視覺錘,提升產品的識別度以及消費者對品牌的認知。就好像,我們可以通過「豬鼻」車頭識別出那是寶馬,通過「青蛙眼」車燈知道那是保時捷,是因為這些汽車品牌通過長期保持某個「一致性」的表現,形成一套高識別度的設計語言來表達「這就是我」。
在這里我們將借助語言學的角度,來探討數字化產品界面設計語言系統的構建。在語言的應用中,我們通常會涉及語法、語素、語句、語境、語氣等維度,通過不同的組合達成應景的表達與適時的溝通。
1. 語法
設計原則,可以理解為設計語言中的語法,是構建設計語言系統的起點,用于傳達品牌主張或設計理念,它將指引業務設計執行的方向。
制定設計原則時,首先研究用戶特性,聚焦產品核心價值,然后通過腦暴等形式選擇有特點的維度,結合用戶體驗與品牌屬性將其視覺化,最后用簡要的語言歸納出來。
例如 Airbnb 的設計原則簡單歸納為幾點:
2. 語素
視覺基礎是構成設計語言的最小單位,就像語素是語言中最小的音義結合體。在原子設計理論中,它屬于最小粒度的元素,通常包括:顏色、字體、圖標、網格等。
3. 語句
組件就像由若干個語素組成的語句,比如一個基礎按鈕,通常就是由顏色、字體、邊距等元素組成。而我們平時所說的組件庫,其實就是一部詞典,其中包含了設計系統中所需的基礎組件與用法,在界面設計中也具有較高的通用性。
4. 語義
符號是語言的載體,但符號本身沒有意義,只有被賦予含義的符號才能夠被使用,這時候語言就轉化為信息,而語言的含義就是語義。在視覺傳達設計中也一樣,使用的圖標或圖形,需具備正確的語義屬性。如果商場導視設計中非要使用「裙子」圖標來代表「男廁」入口,如此混淆語義挑戰公眾認知,那就等著被投訴吧。
5. 語境
這里說的語境包含 3 個維度:一是流程意義上的上下文,二是產品屬性中的語境,三是用戶當下所處的環境。
當設計需要對上下文進行特別處理時,有可能對話的層級次序是受限于屏幕稀缺性,通常可采用 Z-Depth 疊加(Material Design屬性)、步驟條、元素關聯轉場動效等方式。舉個常見的例子,當用戶發起一個刪除數據的請求時,界面會彈出一個二次確認的模態會話,用戶點擊確認之后才會執行刪除操作。
過去很長一段時間,數字產品設計圈內熱衷于討論的兩種風格類型:隱喻(擬物化)與抽象(扁平化),時至今日可以說扁平化的風格在應用數量上壓倒擬物化風格。然而,我依舊認為設計的風格策略取決于產品屬性中的語境,這也是如今 iOS 人機界面設計規范所提倡的,它不再像早前的規則片面拒絕隱喻設計,而是鼓勵設計師將用戶在現實中最為熟悉的視覺樣式,即操作方法映射與界面設計之中,蘋果官方的 Garageband 就是一個很有說服力的例子。
針對用戶當下所處的環境來適配界面語境,常見通過界面換膚的手法來實現,比如微信讀書等閱讀應用為用戶提供白天模式或黑夜模式的選擇。用戶所處的外部環境因素可以很大程度上決定界面語言的應用,就好像在菜市場買東西要靠吼,在圖書館借書僅需要用肢體語言便能達成。
△ 如上,微信讀書針對外部環境因素的自定義「語境」
6. 語氣
交互界面通常需要使用說明或提示文案來指導用戶完成操作,大多數情況下都是使用第二人稱,就像在與用戶對話,從以用戶為中心的角度上講,建議保持謙遜、友善的語氣,盡可能避免使用晦澀的專業術語,謹慎使用帶有強烈情感屬性的感嘆號,或過于口語化的語言。另外,語氣的拿捏也將直接影響到與用戶的距離感,以及當下的應景度。
7. 語速
語速在這里指的是界面的信息密度,在不同的場合對語速的控制能夠提升接受者的體驗,視覺設計也同樣需要注意把握間距與留白,網格系統在這里可以起到「節拍器」的作用,借助節拍器可以讓設計更具節奏感。而交互意義上的語速,更多體現在操作路徑的長度,以及動效的速率。
△ 如上,富途證券在產品介紹與盤中交易2個不同場景下的「語速」
8. 響度
其實就好像我們說話可以通過音量大小來控制信息的可感知程度,希望接受者聽清楚的就說大聲一點。湯姆奧斯本(Tom Osborne)的視覺響度指南(visual loudness guide)是一個如何系統地處理按鈕和鏈接的例子,它們不是單獨列出,而是作為一個套件呈現,并且根據每個元素的視覺沖擊力會相應的擁有一個「響度」值。我們在構建設計語言系統時,也同樣需要設置梯級「響度」的按鈕、字重等組件來滿足不同場景的表達需求。
△ Tom Osborne的視覺響度指南
1. 基因遺傳
同一個語系下的語言,無論是經過了朝代更迭,還是地域的遷徙,一定會保留一些固有的特性,這就是語言系統本身具有基因遺傳的生態特性。
一套成熟的設計語言系統,也同樣對產品設計表現著基因級別的底層影響力:在「代際」遺傳上,體現在經久不衰的堅持。比如 Burberry 的格子紋理,無論是在哪一年的產品款式上,都不會丟失這個屬性。在「同輩」影響上,通常體現在不同終端場景下產品表現的一致性,或是兄弟產品的相似程度。
2. 動態進化
設計語言系統不是一份靜態的組件庫與規范文檔,而是一個動態的且能自我進化的系統。它的動態進化屬性基于 3 個契機:
3. 開放兼容
語言同時具備工具屬性與文化屬性,開放兼容對一門語言的意義在于被更多人接受、應用。
當前谷歌、蘋果、微軟、阿里巴巴等大型企業推出了開源的設計語言,這些成熟的設計體系其實承載著大量的項目實踐與經驗總結,對其他企業也有較大的借鑒價值。同時,對于平臺級企業,開放統一的數字語言,讓不同地域、不同類型的項目得以在共同的規則下發展、共生,這對于平臺生態無疑是利好的。
設計語言作為工具來說,需具備普適性,在文化層面上也需具備兼容度──在滿足企業自身品牌與業務需求之上,應該盡可能規避因宗教、民俗等因素帶來的沖突。
舉個例子,在法國和比利時,人們都厭惡墨綠色,因為二戰期間兩國飽受德國納粹侵略之苦,而納粹的軍服是墨綠色的。那么,面向這兩個國家用戶的設計上,便應該避免使用墨綠的元素。這時,設計語言系統中組件元素的豐富程度,很大程度決定了設計表現的選擇空間與可能性。
就好像,在美國街頭詢問公共廁所時,老美可能聽不懂 WC,那就用他們聽得懂的 Restroom 吧。這里想表達的是,你的語言系統中「詞匯」越豐富,越能兼容不同文化背景下的表達。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
在建立品牌的過程中,廣告和公關各有其使用邊界,企業家不關心用不用廣告,關心如何找到適合自己的營銷方法。
對于廣告,大家已經比較熟悉,今天我們重點分析公關建立品牌的方法。
一、新經濟品牌比傳統品牌有更大的公關潛力
新經濟品牌往往比傳統品牌有更大的公關潛力。昨天潘軻老師講到,無人機將是5G時代的現象級產品。那么,無人機會制造出什么社會熱點呢?
比如說,無人機會送飯,飛上來給你送飯。
到時會出現爭議:
一是飯掉下去怎么辦?誰負責?二是飛機送飯時能不能開攝像頭?會不會順帶拍一下鄰居家的窗戶?推出無人機送貨第一款高空墜落險的是誰?
而且,高樓的窗戶開啟是有角度限制的,怎么拿飯?一定會出現玻璃窗改造設計,第一個高樓玻璃窗改造品牌是誰?
第一個根據無人機送貨需求設計的建筑品牌是誰?這個新品類可能叫“無人機友好建筑”,房間都帶無人機著陸設施,像航母的飛機著陸裝卸平臺,第一棟無人機友好建筑將是重磅新聞。
在無人機友好建筑普及之前,不能走窗戶,怎么外賣到戶?無人機要坐電梯還是走消防梯?能允許無人機坐電梯嗎?如果能坐,無人機“坐”哪里?
一架有教養的無人機,高度顯然不能位于裙子以下,如果在肩膀以下,也容易和人發生碰撞,最好的位置應該是人頭頂上。到時大家在電梯里,可能看到無人機區間,抬頭向上,幾架無人機呼呼地轉。
在無人機手臂和電梯直接通信普及之前,無人機怎么按電梯?我們是否應該幫助無人機按電梯,就像幫助老人、小孩一樣?
無人機還可以摘菜,既然能摘菜,就能偷菜,就能偷錢包,無人機安全問題將大幅上升。
可能有人用彈弓擊打惡意無人機,也有黑客用程序和網絡捕捉無人機。
當然,無人機賽事也會推廣開來,成為大眾喜愛觀看的運動,正如汽車賽事一樣。
比如針對無人機復雜空域飛行的速度競賽和花式競賽,針對無人機續航能力的拉力賽,針對無人機視覺效果的藝術挑戰賽等等。無人機界的F1、達喀爾、勒芒就會隨之而生。
考慮到競賽無人機的價格可能低于賽車,這項運動門檻更低。
無人機當然也可以送人,無人機民航也會出現。第一家無人機民航公司會是誰?送的第一位顧客是誰?
當然,專業的無人機渠道、無人機導購品牌、無人機售后服務、改裝服務也會出現。這里面,既蘊含了眾多新品類發展的機遇,也將出現大量新聞。
而新聞潛力意味著,企業家要優先用公關,激發新聞效應,借助免費的新聞傳播來建立品牌。
那,到底怎么用公關建立品牌呢?跟大家分享一下我們的探索歷程。
第一個,什么是公關?
越了解工具,越會使用它。我們對公關的理解,決定了對它的運用。
上海的第一財經電視臺,曾經邀請上海交大的公關教授魏武揮和原GE公關總監李國威老師進行過一次辯論。
辯題之一是“公關的基本目的就是發稿和滅稿。”請問,你們公司的公關是這樣的嗎?你認同嗎?
我們不認同。就像戰士確實需要臥倒和射擊,但你不能說戰士的基本目的就是臥倒和射擊。為什么臥倒?為什么射擊?能不能不臥倒、不射擊,達到目標?
凡事要學就學最高標桿,要奔珠峰去練爬山。我們的標桿選美國公關之父愛德華·伯內斯。
1930年代,美國幾大書商找到他,請他用公關幫助書商賣書。各位,你如果是伯內斯,會如何用公關幫助書商賣書?
我們會打新書排行榜、請名人推薦、拍賣版權、做圖書路演、簽名售書、建立讀者社群、一萬人一起讀書,羅輯思維推《薛兆豐經濟學講義》,在菜市場辦了一場特別新書發布會,等等。
我們要學習伯內斯,就要模擬他的思維方式。在這個項目中,伯內斯的思維由幾個關鍵問題串起來:
1.美國人什么時候買書最多?注意,是買書,不是讀書?;卮鹗牵悍块g里有空書柜的時候。就像某老總新辦公室裝修,10米長的空書柜,要填滿,直接買3000本。
2.如何讓美國人家里有書架呢?誰能夠做到?裝修公司、建筑公司能夠做到,尤其是設計師能夠做到。小設計師看大設計師的,大設計師能影響設計趨勢。
大家去美國旅行,可以發現很多1930年代的別墅,都有嵌入式書柜,嵌入式書柜換不掉,只能買書。
伯內斯這個案例對我們震動很大。以前我們做奧運項目,和央視等各大媒體合作,做一堆報道和簡報,感覺自己很厲害。
現在看來,都是幻覺。連自己國家的書架都沒改變過,算什么公關高手?
伯內斯的做法,稱為“The Big Think”,翻譯成中文,可叫“大局思考”。大局思考的局有多大呢?全社會那么大。
大局思考要求我們:把眼睛從自己品牌上抬起來,站在高空看地球,從社會系統角度,找到能夠幫助自己品牌發展的社會動力,再有效嫁接這種動力。
二、企業公關和品牌公關的關系是什么?
《升級定位》講商業模式二分法,分為企業商業模式和品牌商業模式。
企業商業模式解決組織和企業利益相關方的關系,如政府、媒體、投資人、員工等;
品牌商業模式解決品牌及其利益相關方的關系,主要是“品牌-顧客-競品”這個三角形。
把伯內斯公關的“大局思考”和商業模式二分法結合起來,我們看到一個什么畫面?在這個畫面中間,是品牌商業模式三角“品牌-顧客-競品”,顧客在上面,下面是品牌和競品。
這個三角形的外面,環繞著一個巨大的環形,其上半部分是外部利益相關者——政府、社區、公眾、媒體、資本;其下半部分是內部利益相關者——員工、供應鏈和渠道。
在這里,企業公關和品牌公關的關系是什么?——企業公關是品牌公關的外部環境,品牌公關是企業公關的成果。
這個圖畫出來,像什么?像眼睛。中間是瞳孔,是我們聚焦的方向;外面是上眼瞼和下眼瞼。
要打開上下眼皮,才能見天地、見眾生,才能在天地和眾生之間重新看見自己。所以,我們把這個叫“公關眼”模型。
要打開“公關眼”,關鍵是看明白三點:
① 世界很大,企業很小。
② 企業是企業家的中心,但不是社會的中心。既要對自己的企業充滿宗教般的熱情,也要認識到自己的企業不過是社會系統中極微小的一部分。
③ 企業要堅定使命,圍繞建立品牌這個中心,系統尋找和調動社會動力,贏得支持,幫助自己發展。
所以,我們注意到剛才先鋒電器李總的分享,當先鋒電器“取暖專家”的戰略確定之后,想要贏得誰的支持?先要從內部做起來,說服經銷商和員工對我們的事業充滿熱情。
外部環境可以影響我們,政府的態度、公眾的態度、資本、行業的經營環境,環境的合作伙伴、上下游的經銷商都會影響我們。
所以從企業內部來看,中間的那個三角形無比重要,但是我們視角拉到整個社會,如果社會是銀河系,企業就是一個小小的星球。
在這里,廣告、公關有個巨大不同:廣告直接通過媒體影響顧客;公關則努力借助社會能量,影響目標人群。
在商業實踐中,公關和廣告既有相互重疊、相互替代的區域,也有相互差異、各有所長的區域,還有相互轉化、相互支撐的方式。
說公關、廣告相互替代,是因為它們都可以向目標人群傳遞信息,至于這個信息是電梯里看到,還是微信群里看到,是次要的。
說公關和廣告相互差異、各有所長,是因為廣告有公關難以實現的可控性、可復制性等長處,而公關也有廣告難以擁有的關注度、可信度和關聯度。
比如,我們2017年,在定位之父杰克·特勞特先生逝世的時候,和定位學習網一起,發起了“紀念特勞特燭光讀書會”,全國13個城市的定位愛好者參加。
在特勞特先生的小型葬禮上,鄧德隆先生把這些照片給特勞特夫人過目,特勞特夫人特意委托鄧總向參與紀念活動的定位愛好者表達感謝。
這樣的紀念活動,便是公關——表達我們對定位之父感恩緬懷的活動,這是廣告難以完全表達的。
說公關和廣告相互轉化,是因為廣告可以做出公關效應,稱之為廣告公關化;公關也可以做成廣告效果,直接給賣點,稱之為公關廣告化。
廣告公關化,要求把廣告做成新聞。南都的“天下無三”廣告,神州專車上線的“Beat U”廣告,甚至分眾電梯海報的“僅售1199元3條的圍欄男士內褲”,都制造了話題。
公關廣告化,則要在新聞或話題中,傳遞品牌名稱,甚至傳遞產品圖片,顧客利益點等等。
比如,某面包車品牌在強手如云的上海車展上,曾把自己的廣告語做成了新華社報道的導語。
三、公關、戰略和定位的關系
了解了公關是什么,廣告和公關的關系,接下來我們看看公關、戰略和定位的關系。
和大家分享一下我們曲折的探索歷程,這個歷程分為四個階段,簡稱為“公關四階”。
第一階,制造熱點
相信很多人接觸公關,熱點話題、熱點事件是一個重要入口。公關圈的人,熱衷于制造熱點,包括我們自己一度也喪心病狂地想制造熱點。
比如說,有個網絡推手叫立二拆四,他們制作了系列的熱點事件,從“別針換別墅”,到“我把下半生交給網絡”等等,最后搞了“后海和尚搞船震”,最后這個團隊進去了。
9年前,我太太去我們辦公室,一路嘟嘟囔囔說,現在年輕人太不像話了,高考畢業就買鉆戒私定終身。我一看照片,兩位校服男女生,手拉手站在柜臺前,柜臺上有個logo——“I Do”。
我說,你看看那邊那個男同事,是不是眼熟?——她看過去,哦?竟然是校服男生(的扮演者)。
這個項目是當時合伙人做的,但它給我帶來反思:公關如果策劃新聞、策劃話題,連自己家人都繞進去了,這樣的公關可以持續嗎?值得持續嗎?
大家來看看這幾個事情是不是策劃的。第一,2017年維密秀,奚夢瑤摔倒,維密秀的百度指數飛漲到60多萬,翻了50倍。請問,是策劃的嗎?
策劃不策劃,需要驗證。如果是自然事故,對于維密秀這樣級別的賽事,犯錯誤者按道理會怎樣?會被開除。
奚夢瑤被開除了嗎?當時維密CEO發推特,怎么說?好樣的,加油!這像是對犯錯員工說的話么?
比語言更說明問題的是行為。2018年,維密秀嚴格的選拔開始了,請問誰免試入選了?——奚夢瑤。
在老何看來,維密官方對奚夢瑤的態度,不像是對失誤員工的處置,反倒是對冒受傷危險摔倒勇士的獎勵。想想奚夢瑤那么高個子,摔倒風險多么大?為了熱點,辛苦了。
不光模特,總裁也辛苦。VIVO手機在水立方開新品發布會,總裁上臺時掉水里了,主持人何炅趕緊圓場——“遇水則發!”各位,請問這是策劃的,還是自然的?
首先,如果總裁不掉水里,老何可能和很多人一樣,不知道這件事,此事對VIVO有利而非有害。
其次,判斷總裁是不是故意掉水里,要講證據。比如,回看錄像,總裁出水后是不是把手機交給助理去處理。
商界領導一般自己拿手機,如果故意落水,事先把手機交給他人概率更高。
手機廠商就此打住了嗎?不。酷派ivvi發布會,CEO吊威亞出場的時候,掛半空中了!各位,是策劃的還是自然的?
這件事我們問過酷派內部人,他說那天確實是出現了意外——原計劃是吊10分鐘,后臺出了故障,結果吊了20分鐘。
就定位圈來說,喜棉兒童排汗睡衣創始人賈總,在里斯品類戰略大會的舞臺上,當眾撕衣服。衣服一撕,淘寶流量翻5倍,而且翻完之后穩定在5倍附近。
你看,為了品牌,為了熱點,創始人和總裁是不是很拼?
那,追求熱點的方法是什么呢?我們用的模型叫“策劃三要素”。
傳播力=內容指數X媒介指數X轉化指數。
其中,內容指數主要涉及傳播主題、傳播環境和傳播對象,分別概括為:基礎口碑(主體自帶流量)、社會熱點(傳播環境流量)和公眾體驗(對傳播對象的激發程度)。
內容指數=基礎口碑X社會熱點X公眾體驗。
對基礎口碑、社會熱點、公眾體驗,可以進一步細分?;A口碑分為自己口碑和借用他人口碑,自己口碑=關注者的數量X質量。
自己的關注度不夠,怎么辦?和自帶流量的明星、大V合作,借助知名的賽事、欄目、影視劇等等。
在公眾體驗上,分為情感體驗和互動體驗。內容的情感體驗越深,越能夠吸引公眾參與互動,其傳播力就越強。
在情感體驗上,方法是“情感配方”。其基本原理是,雖然人的感情看起來非常復雜,但是每種情感類型可以分解為幾個簡單要素,你匯聚相關要素,就會產生特定的情感類型。
比如產生憤怒,需要四個要素:第一,發生了一件意外的事情;第二,結果是我們不想要的;第三,造成的原因是別人;第四,這個人可以不這么干。四個條件具備,就會產生憤怒。
例如,我們讓人拿一個盤子給我們,結果他把盤子掉地上,我們會生氣。但如果拿盤子的是家里老人,平時手就哆嗦,情緒就傾向于諒解。
找到情感合成的要素后,就可以制定內容模板。
比如我們知道“內容和形式的反差”會帶來幽默感,就可以用這個方式來制造一系列視頻,比如用最正式的形式——“新聞聯播”,加上最草根的內容,就會產生喜感。這種方法也被網絡傳播大量運用。
我們把這種根據傳播目標,分解傳播模板,批量制作傳播內容的內容生產方式,叫“內容工廠”。
福特發明了流水線生產汽車,把汽車成本降低到原來的十分之一。在內容生產上,也可以通過工廠化運作,大規模降低成本,提率。
內容生產出來后,可以用評分模板來給內容評分,給基礎口碑、社會熱點和公眾體驗分別打分,然后算總分。
每個品牌可以摸索評分規律,最后對內容傳播力進行量化,多少分以上才可以出街,多少分以下要重新修訂內容。
第二階,追求植入
制造熱點是第一階,我們看看這些大家都熟悉的熱點事件。比如,“4小時逃離北上廣”,“只要心中有沙,哪里都是馬爾代夫”,“斯巴達三百勇士北京游行”,“大黃鴨進大陸”。這四個熱點事件很多人聽說過,請問,這些熱點事件背后的品牌是誰呢?
我們在不同場合做過調查,知道品牌的人在5%到10%。那么,對于很多不知道品牌的而言,這些傳播能量是不是有一部分沒有發揮作用?所以,公關不綁定品牌,多少會免費娛樂大眾。
如何綁定?方法是“三重植入”,這是我們探索第二個階段的目標。
植入是有標準的,把植入分為三個層級,最底層的是“表層植入”,它的定義是:品牌和事件一起出現,但在傳播過程中品牌和事件可以分離。
比如你們品牌邀請了周杰倫來現場,媒體在傳播時會稱呼你為“某品牌”,把畫面上你的logo打成馬賽克。
表層植入的上一層,是“內核植入”,定義是:品牌和事件一起出現,在傳播過程中品牌和事件不可以分離。
最高層級是“詞植入”,是指品牌名稱植入到詞媒體中,只要提及事件名稱,品牌就得以曝光。
比如某汽車品牌做了一場“百名網紅直播新車上市”,這個是表層植入,因為可以不提這個汽車品牌的名字。像在世界杯賽場周邊擺一圈廣告牌,表層植入。
再看內核植入。浙江有個網紅景點,飯蒸巖。它的故事是,有一位女驢友,愛上了一位男驢友,就用繩索垂下懸崖,在巖壁上畫下男驢友的頭像示愛。
這個植入,品牌和事件可以分離嗎?不能。不僅不能,每次媒體傳播這張巖石的圖片,就是在幫助這個景區曝光它們的認知產品。
讓產品成為新聞主角,便是公關廣告化,把公關做成直接講賣點的廣告。巖畫事件之所以有趣,在于它不僅曝光了物理賣點,還創造了情感價值——有網友表示,這個事件讓TA又重新相信了愛情。
再看詞植入,把品牌名植入到詞媒體里。比如抖音刷出了一個視頻“吃垮海底撈”,你一說起這個事件,海底撈的品牌名就曝光了。
當然,在十五年前,論壇上曾經有個熱點事件,叫“吃垮必勝客”,兩者的策劃邏輯基本相同,只是平臺從論壇換到了抖音。張家界的“飛越天門山”,凡客的“凡客體”,都屬于詞植入。
三重植入,怎么運用呢?
首先,盡量避免表層植入。要在事件策劃或事件合作中,尋找更深層植入的方法。
其次,盡量做到內核植入。其方法是,把品牌、產品、代言人,變成新聞要素之一即可。
最后,嘗試詞植入。其方法是,自己用帶有品牌名的詞組、短語,為傳播事件命名,并促成名字被大眾采用。
各位,做到詞植入,傳播就一定會成功嗎?我們接著看。
第三階:支撐定位。
上面講到一個詞植入的案例——“凡客體”。凡客體是2010年的熱點,也屢屢被評為2010年十大營銷案例,排名前三甚至第一。
從制造熱點、品牌植入上來看,凡客體都是成功的,但凡客體對品牌、對業務是否有幫助?幫助多大?
一開始人們知道凡客,是因為凡客襯衫。凡客體里面,韓寒穿的是T恤。
從價格來看,凡客襯衫便宜的80-100元,高一點的100-200元。在十年前,算是中檔價格。而T恤多少錢?29塊。
也就是說,凡客體傳播的品類和價格,都和顧客既有認知發生著沖突。這也意味著,凡客體傳播越廣泛,原有的品牌認知會就越稀釋,越模糊,進而影響老顧客的購買意愿。
現實中,凡客的情況怎么樣呢?2010年凡客體大火,2011年末,凡客的庫存達到14.45億元,總虧損近6億元,一路從11000人裁員到300人。
凡客體告訴我們,戰略方向如果不對,傳播能量越強,越南轅北轍,越努力離目標越遙遠。違背戰略,破壞顧客認知的公關,對品牌反而是有害的。
比如說,羅輯思維投資Papi醬很多人知道,拍賣Papi醬首條廣告也是行業熱點,但羅輯思維CEO脫不花卻隨后反思“投資Papi醬是我們最大的恥辱”。
為什么呢?因為違背了公司的戰略。隨后,羅輯思維也原價退出了投資。
反之,則是每一次傳播都在支撐戰略,支撐顧客對品牌的認知,也即支持定位。
比如,無論是做3萬米高空極限跳傘,還是做張家界翼裝飛行大賽,紅牛在每一個極限活動中,都會強調“能量”兩個字,不斷向顧客認知點上累加資源。
公關怎么支撐戰略,支撐定位呢?
首先,是把品類價值和品類特性表達出來,品類事件化。比如今天的電梯領導者奧的斯,奧的斯先生發明了“安全電梯”,首次亮相就引發了轟動。
1853年,紐約世界博覽會上,奧的斯先生策劃了一個戲劇性的事件。他把電梯升到半空中,然后用斧頭砍斷了電梯纜繩,在圍觀眾人的一片驚呼聲中,奧的斯電梯自行鎖死,停止滑落。
公關還可以把特性事件化,變成品牌資產。比如說,有一款七座家用車,其特性是“安全、舒適”。
傳播難點在于,這款車的C-NCAP碰撞星級和安全氣囊數上,并不占優勢。公關如何支撐其特性呢?
仔細想想,一家三代坐在車里,誰的安全更受關注?兒童。如何體現兒童安全呢?有沒有兒童安全碰撞測試?答案是沒有。沒有怎么辦?開創。
所以,這個品牌做了中國首場兒童安全碰撞測試,成為新車上市的信任狀和新聞點。
在支撐品類特性時,不得不提到一個經典公關案例。2005年之前,基本上很少人喝過普洱茶,北京馬連道茶城幾千家茶葉店,據說只有一家賣普洱茶。
2005年5月,活動發起人胡明方先生,組織了120匹馬,從云南出發,歷經5個多月,于10月10日進入北京。馬幫進京,成了當年最熱門的新聞事件之一。
馬幫進京體現了普洱茶什么特性?發酵,而且是富有戲劇性的“馬背發酵”。馬幫馱進京的馬背發酵普洱茶,達官貴人爭著求購,一茶難求。
所以,公關要重點思考如何表達品類價值,用戲劇化、事件化的方式表達出來,最好占據某種獨特的表達形式,使之成為品牌的專用配稱,成為長期的品牌資產。
第四階段:贏得支持
那是不是支撐定位,公關就算做到頂峰了呢?
比如,當美團進軍打車市場時,滴滴程維接受《財新》雜志訪談,表示“爾要戰,便戰?!边@篇報道當然體現了滴滴在打車市場的領導地位,但是否有效,是否對滴滴有利呢?
不僅如此,滴滴公關還攻擊“美團補貼擾亂行業秩序”,雙方線下競爭和線上公關戰一起打響。
對滴滴的公關,美團怎么回復的?美團的回復是“人民需要兩個打車軟件”,“打破壟斷才是終局”,與“人民”結盟,激發公眾對滴滴的反對。
各位,公關的目標僅僅是傳播嗎?公關不僅要傳播,要支撐定位,還要為品牌贏得支持。
無論多么重大的傳播項目,即便如北京2008奧運會,一旦結束,大多數人就迅速遺忘。傳播就像刮風,過去了就過去了。
但是如果我們能夠通過公關,通過傳播和溝通,贏得對方發自內心的支持,影響力就會像種樹一樣持久。各位企業家,如何贏得支持?這是公關中至關重要的事情。
所以,第四階,我們要“贏得支持”。
這兩天的華為事件,是一個典型的熱點。但你們品牌希望攤上這樣的熱點嗎?多半不希望。熱點事件對品牌有利有弊。不光華為這次的危機如此,各種策劃熱點的品牌,其實都有可能被熱點傷害——如果不能贏得支持的話。
贏得支持比傳播更重要。傳播不能贏得支持,就是在樹立敵人。注意看這次任總的講話,把敵人搞得少少的,只有少數美國政客。朋友呢?多多的。美國公司是朋友,歐洲更是朋友,亞洲是兄弟,中國是自己人。對所有國內企業,無論你造車還是做手機,都不批評,都理解,以和為貴。
任總的危機公關,舉重若輕,其中透露的示弱、求和的智慧,正是贏得支持的關鍵。
贏得支持,首先要求企業家有使命,有使命才有感召力,你對全社會有價值,全社會都會成為你的力量來源。
如果你有使命,又很強大,別人什么感覺?點贊。有使命,又相對使命能力不足,大家才會想要支持你。正亦如此,廣告示強,公關要懂得示弱。因為示弱,才能給別人幫助你的接口。
我們看一個超年長網紅——故宮的故事。上一任故宮博物院院長單霽翔先生問:國家領導來故宮視察,怎么報告?
“我們的經驗是,越是主要領導來的時候,我們一定要給他看最不好的地方,看什么地方呢?看那些荒草凄凄的地方,看那些霉味撲鼻的地方,這樣領導的責任心油然而生,就給我們解決很多問題,屢屢得逞。”
所以省領導到你們公司,看完后不是說“李總,你真棒!”而是問——“缺多少錢?需要什么政策?”這樣的問題最好。
剛剛我們介紹了探索公關建立品牌的四個階段,簡稱“公關四階”。華為的公關,便是第四階,是在贏得支持指導下,被動應對熱點的做法。
任總一方面展示了華為的使命、價值,同時展示了華為人的不容易——加班加點、寧愿無薪也要奮斗,同時又一直被美國打壓。這樣的使命和示弱,有利于華為贏得更多的同情,更多的認同,更多的支持。
注意,公關四階不是割裂的:不是有了植入,就不要熱點;有了定位,就不要植入;有了支持,就不要定位;而是向前兼容的,是要在贏得支持的前提下,思考支撐定位、植入品牌、制造熱點。而這,也正是華為此次危機公關的印證和啟發。
四、新經濟品牌做公關有何不同?
接下來,我們問自己一個問題:新經濟品牌做公關,和其他品牌有什么不同?這種不同,使得新經濟品牌更適合用公關打造品牌。
這種不同是,新經濟品牌常常開創新品類,而開創新品類意味著填補空白,意味著新聞性,意味著有機會贏得免費的媒體報道。
開創新品類,疊加新經濟品牌更高的社會關注度,為公關打開了更廣闊的空間 。
比如,羅輯思維在微信出現時,就是一個新事物,60秒的語音形式引發了關注。
不僅如此,羅輯思維在有意識地開創新品類:有跨年晚會,沒有跨年演講,和深圳衛視合作做跨年演講;
有發布會,沒有知識發布會,那做一個“001號知識發布會”;有例會,有直播,沒有例會直播,羅輯思維開創了例會直播。
就連脫不花生孩子,還做了一個“猜生男生女”的互動。
事實上,每一種媒介形態出現,背后都蘊含著開創傳播領域新品類的機會。
比如百雀羚的一鏡到底長圖文,開創了一種新的表現形式,這種形式,會激發話題效應,進而加乘傳播能量和傳播效果。
最后,各位打造品牌時,如何綜合使用公關和廣告呢?
這里是我們講的4種典型形勢的公關廣告協同方式。
1. 品類成熟,兵力優勢:這時廣告為主,拖對手打廣告戰,做大品類。
2.品類成熟,兵力劣勢:慎用大廣告,要注意領導者的反應。
3. 品類不成熟,兵力優勢:公關為主,局部廣告。
4.品類不成熟,兵力劣勢:公關為主,大廣告=大風險。
品類成熟,兵力優勢的情況:
比如二手車網絡交易,有現成的消費習慣,二手車交易網接受度高,瓜子也擁有強大的融資能力。
所以瓜子以打廣告為核心手段,自己打廣告,吸引同行一起打,迅速提升二手車交易網的品類勢能,做大品類規模。
品類成熟,兵力劣勢的情況:
比如簡一大理石瓷磚,相對于東鵬和諾貝爾等品牌,簡一規模較小。
其大廣告建立品牌是否能奏效,要看領導品牌如何反應。如果領導品牌了解定位理論防御戰的打法,用數倍兵力優勢,迅速跟進和覆蓋,情況就會發生改變。
品類不成熟,兵力優勢的情況:
常見于擁有豐富資源的公司開發新業務,推出新品牌。這種情況下,企業過早使用廣告,可能浪費部分資源,但不至影響生存。如能用精益創業方法,對驗證期的關鍵環節進行一一驗證,建立增長模型,費用會花得更有效。
品類不成熟,兵力劣勢的情況:
比如有個每條400塊的男士內褲品牌,剛剛創立,就通過大廣告建立品牌。這種打法就比較兇險。
在完成戰略驗證期必須的價值驗證和交付驗證之前,要謹慎通過大廣告等重資金的增長方式,過早刺激增長。
對于新經濟品牌而言,品類創新常常帶來新聞價值,通過媒體、公眾口碑的方式傳遞出去。
過早打大廣告,會影響口碑價值。比如,你跟朋友介紹一家新發現的餐廳,結果朋友說,早知道了,電梯里都有。什么感覺?
品類發展的早期人群,需要一種我知你不知的信息優勢,這種優勢會提高其價值感,促進人們的自發和主動傳播。
各位,兩條腿走路總比一條腿要快,要好。企業建立品牌,也要綜合運用廣告和公關兩條腿。
廣告善于直接向顧客傳遞購買理由,信息可控,但費用全部需要企業自己投入。公關可以贏得外部力量的支持,一起做大品類,但需要與外部溝通、合作。
最后,祝各位邁開雙腿,在打造品牌的路上跑起來!
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
抽象圖形拼接
坦白說,這些抽象的 LOGO 設計讓我立刻想起了JK·羅琳和她書中的魔法符號。如果這些Logo背后都有著獨特而富有力量的故事,那么它們確實可以很好地服務于品牌。這樣的了 LOGO 設計應當在筆觸上保持一致,并且充滿意義,我覺得如果能傳遞出這樣的信息,它就很優秀了。
利落清晰的筆觸,完美的角度和弧線,這樣精準的設計會給人帶來可靠的感知。當然,這些Logo 的應用場景同樣有著嚴格的環境要求,設計師幾乎沒有異想天開的余地。這些 Logo 看上去相當正式,有著明顯的高級感。
借助負空間來傳遞信息一直一種巧妙的 LOGO 設計技巧,它就像缺少關鍵證據的犯罪現場,墻上的洞,它并不是借助現有存在的因素來告訴你信息,而是通過一個「不在場的關鍵元素」,來傳遞重要信息。負空間就是這樣,它同樣也是一塊畫布,只不過給人的感覺是通過畫布的背面來呈現信息和故事。
負空間并不是為了隱藏信息而存在,就像聯邦快遞 (FedEx) Logo中隱藏的箭頭,或是 Toblerone 巧克力 Logo 中山腰上的熊。這些元素都不是為了隱藏信息,而是為了通過這種不完整來傳遞更多的信息。通過正空間來凸顯負空間就是關鍵的技巧,正如 Reinhard Ernst 博物館的 Logo 所示,中間開放的矩形區塊如同畫框,似乎可以代表博物館的任何一件藏品,這也是一種「less is more」的設計。
很多做 Logo 的設計師都曾經歷無法控制的時刻,發呆失神應該也經常會發生。如果你是在紙上畫草圖,筆尖無意識地滑動,或者墨水洇出,都會產生有趣的筆觸痕跡。我知道這不是電腦上繪圖的方式,但它確實幫助我描繪出這種視覺設計的特征。將筆尖繪制成一個完美的圓,而筆尖后則是留下托拽的痕跡,在筆痕結束的位置,自然留下的也是一個圓弧邊緣。
不管這些 Logo 的布局特征是怎樣的,它們都呈現了類似視覺特征。小圓點和托拽痕跡構成了它主要的「筆觸」,它們而生動地拼出字母,繪制出路徑,或者勾畫出有意義的符號。我想你已經捕捉到了它們的特征了——活力四射,生動新鮮的筆觸路徑。
在logo設計中廣泛使用漸變色,是整個行業在過去十年中經歷的最兩極分化的趨勢之一。仍有很多設計師抵觸過渡色,因為從LOGO設計的角度上來說,漸變色違背了很多規則,而這些規則是在數字時代之前就已經存在了。不過,LOGO 設計師們總能想出好辦法,比如間隔漸變式的設計。
將均勻漸進的色彩變化用連續的純色片段來替代,同樣呈現出色彩的變化和韻律感,但是消解了漸變色在 LOGO 展示過程中潛在各種問題。上面案例中,Qwant 的 logo 就是通過輪廓化的顏色分割來實現這一點,它真實地模擬了漸變的效果,所呈現出的效果比CPA Ireland 要好,CPA Ireland 則使用了的四等分幾何分割加上色階轉換??傮w上來說,間隔漸變的色彩使用技巧,很好地在當下的流行趨勢和 LOGO 設計訴求之間找到了平衡點,值得嘗試。
使用線條來勾勒和描摹事物,傳達信息,是一項古老而傳統的技藝。在時下的審美體系當中,使用輪廓線條來繪制 LOGO 似乎顯得太過于老派,不夠現代。不過技術總歸是服務于表達的,依然有設計師能夠充分的利用這一技術——加入透視,不再局限于二維,而是開始描繪三維的對象。
這一的設計看起來和如今的線性圖標的繪制方式在技法上保持了延續性,但是它在維度呈現上更加深入,更加具有表現力和形式感。通過富有規律性的利落的線條,設計師不用太多的線條就能勾勒出立體而抓人眼球的LOGO。這種設計要求設計具備更強大更精準的描摹能力。你可以延續這種思路到整個設計當中,這會使得整個品牌化設計思路更加開闊、有趣。
在 LOGO 設計當中,使用句點這樣的標點符號,通常都會借用它身處標點符號中的含義和功能。當我仔細琢磨這一趨勢時,發現這些類似句點的符號有時像句號,有時則偏向冒號,它們在LOGO中總帶著一些奇特的意味。如你所見,這些原點在更多的時候,它更接近于句號,充當收尾和封頂的終止符。
有的時候,它的裝飾性更強,以不同的形式漂浮在文本和符號周圍。如果你要深究這些 LOGO 設計本身的含義會發現,這個小圓點可能是字母 i 上的那個小圓點簡略之后的殘留痕跡。這個小圓點,在如今的很多 LOGO 中已經超出了裝飾性的范疇,基于不同的需求和設計出發點,它可能意味著時間,可能代表著字母,承載著特定的詞匯和含義,可能是感嘆號或者句號,表達情緒或者終止。設計師將內容抽象成幾何圖形,承載意義,提升了對話的智慧。
在傳遞放飛、飛翔、展望、自由、遠見、輕盈、速度等含義的時候,很多設計師都會借用翅膀的意象。這也是為什么越來越多的地方會看到被提煉和抽象出來的翅膀和羽毛的符號或者圖形,某種意義上,翅膀已經遠超出了它本身的意味。這些被設計得形制不一的翅膀類的圖形,有著冥想的前傾或者后掠的姿態,仿佛在對抗變幻莫測的大風,借助空氣動力學向上飛起。
很多翅膀元素形制類似于字母 U,只不過兩只翅膀在傾斜角度、弧度和長短上,進行了比較深入的調整。之后,再對 Logo 進行弧度和細節進行修飾,這樣就完成了。如同我們上面所在展示的幾個案例,設計師經過很快的迭代就可以完成這樣的設計。與此同時,在具體的設計過程中,設計師還會引用品牌中一些字母的特征,比如Jetta的字母J,DoorDash 的字母 D。大量包含 Fs、Ps 和非字母的意象共同孕育出了雙翼的意象。蘋果有翅膀,烏龜也可以有翅膀。我們可以用翅膀填補空白。
門其實我們常常會引申出「打開新世界大門」的概念,它在實際設計中會帶有通道、時間、新世界,甚至一種全新心境和意境的概念。很多品牌 LOGO 都想借助這個意象來承載更高遠的含義,微軟就是一個典型。門和窗本身一直都是一組象征性極強的元素。門象征著通行的權利,解決方案的途徑,機會,甚至歡迎的含義,某種意義上它們和眼睛在含義和隱喻上是共通的。這也是很多設計師在設計 LOGO 的時候青睞這一意象的原因所在。
2019年的LOGO趨勢報告,是我們的第17份 LOGO趨勢報告。每年的趨勢報告都是從成千上萬的 Logo 中,尋找新趨勢和細微微妙的差別。我們承認,每一個設計案例都代表著來自世界各地的設計師們的思考和心血,我們對他們表示敬畏,并感謝他們不遺余力地幫助我們完成這份報告。感謝所有在過去、現在和未來幾年為潮流報告做出貢獻的設計師們。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
設計師在日常溝通的時候,是不是經常會遇到說了半天結果大家說的不是一件事的情況?筆者認為,要解決這個問題,首先要統一名詞,保證溝通的準確度。下面是筆者整理的一些關于 APP(小程序)名詞的規范樣例,希望能幫助到剛剛入行的同學們。我們從下載并使用一個 APP 的流程來展開說明。
1. 啟動圖標
點擊后可以啟動 APP 的圖標,如圖分別是淘寶在不同場景下的啟動圖標。
2. 應用市場展示頁
在應用市場中為了幫助用戶在下載之前了解 APP 功能的頁面叫應用市場展示頁,也能夠通過優秀的 UI 設計吸引用戶下載。
如圖中紅框內分別是蘇寧易購、設計本、當當網的應用市場展示頁。
3. 啟動頁(閃屏)
APP 啟動后加載過程中顯示的頁面叫啟動頁,如圖是微信、有道云筆記、得到的啟動頁。一般啟動頁的設計都會比較簡潔,只有啟動圖標+solgen,或是吉祥物、一張精美圖片的形式。
4. 廣告頁
國內一些公司由于變現困難在啟動頁之前或之后,進入主頁之前加了一張廣告頁,主要用來顯示接的廣告或自己公司的運營活動,可以跳轉鏈接或打開其他 APP。
如圖是 UC瀏覽器、網易云音樂、寶寶樹的廣告頁。
5. 引導頁
用戶第一次打開 APP 后為用戶介紹 APP 主要功能的頁面,只顯示一次,或是 APP 版本更新后用來介紹新版本新功能。
如圖是前程無憂 APP 的引導頁。
6. 首頁
進入 APP 后默認顯示的頁面,如圖是微信、澎湃新聞、淘寶的首頁。
7. 一級頁面
一般指通過底部標簽切換的方式能夠到達的頁面。如:
8. 二級頁面
指通過一次反饋操作能夠回到一級頁面的頁面,叫二級頁面。
如圖分別是微信聊天頁面、朋友圈頁面、支付寶我的余額頁面,它們都是二級頁面。
9. 注冊登錄頁面
用戶注冊賬號、登錄賬號的頁面。如圖是洪恩故事的注冊登錄頁。
10. 個人主頁/我的頁面
顯示用戶個人信息、和用戶有關的訂單、收藏、優惠券、課程、商品等等信息的頁面。
如圖是 luckin 咖啡、家長幫、丁香醫生的個人主頁。
11. 菜單導航頁
包含很多分類、不同欄目,可以跳轉到很多個不同內容頁面的頁面叫做菜單導航頁。一般首頁大部分屬于菜單導航頁,如我們的 pro 小程序的首頁就是一個菜單導航頁。
如圖是一條、新世相閱讀、美圖秀秀的菜單導航頁。
12. 搜索頁面
用于搜索的頁面。有的 APP 沒有單獨的搜索頁面只有一個輸入框,有的有單獨的,因為可以放一些推薦內容或廣告位。
如圖是喜馬拉雅 FM、貝貝、搜狗閱讀的搜索頁。
13. 設置頁面
更改 APP 設置的頁面,如圖是百度閱讀、淘票票、夸克瀏覽器的設置頁面。
14. 詳情頁面
展示內容詳細信息的頁面,如圖分別是淘寶的商品詳情頁、起點學院的課程詳情頁、今日頭像的咨詢詳情頁。
15. 關于我們頁面
介紹 APP 版本信息、功能介紹、公司信息、聯系方式、版權聲明的頁面。
如圖分別是夸克瀏覽器、極客時間、火辣健身的關于我們頁面。
16. 意見反饋頁面
一般的 APP 都會設計一個意見反饋功能來收集用戶需求,對應的頁面就是意見反饋頁面。
如圖分別是貝貝、阿里釘釘、花生地鐵的意見反饋頁。
APP 中的頁面類型大致可以分為以上這些,上邊所寫的頁面名稱是被使用得最多的、最規范的名稱。溝通時使用上面的頁面名稱應該 90% 的成員都能理解。
對于不同類型的頁面名稱一般設計師用的比較多,叫法也最準確,以上名稱是在一些專業的 UI 設計網站查閱資料,又和幾個設計師朋友確認后擬定的,準確度可以保證。
1. 編程語言
人的語言可以分為漢語、英語、法語等等,計算機的語言同樣可以分為 java、php、html 等等,這些語言就是編程語言。不同的程序員會的語言不同,每一種語言都需要單獨學習。
2. 程序
通過編程語言給計算機下達任務,讓它理解我們要做什么。用編程語言給計算機/手機下達的任務書就是程序。
3. 數據類型
編程語言中用來區分數據格式的標記,如記錄數字和記錄漢字就要使用不同的數據類型。
如:
4. 變量
沒有固定值的量,例如:定義一個變量 X 表示繪本名稱,那 X 可能叫《我不喜歡哭》,也可能叫《鱷魚媽媽》。即用一個單詞表示物體的一個屬性,如上面說的繪本標題。
5. 接口
電腦需要調用手機里面的信息,這時候你會拿一根數據線將電腦手機連接起來,電腦和手機上連接數據線的接口就是傳說中的 API 接口──即獲取數據、獲取某種功能的通道。
如在 pro 小程序中要想在前端展示文章,那么在定義完文章標題的字號、顏色等等后就需要設計師提供給接口獲取具體的文章內的文字,常說的 API 就是接口的意思。
6. 客戶端(前端)和后臺
客戶端是用戶使用軟件時能夠看到的軟件界面,后臺是控制前端內容、功能的控制器,一般給軟件開發者使用。
7. 寫死和后臺傳過來
寫死就是程序員直接在 html 代碼中直接把具體文字寫出來,想修改的話只能在代碼中進行修改,后臺傳過來就行。程序員在 html 代碼中不寫具體文字,而是寫一個變量,這個變量可以在后臺修改成不同的內容。
例如,要設計一個管理不同城市分公司的軟件,需要一個下拉選擇框切換不同城市的分公司,這個需求在技術上有兩個實現辦法:
第一種方案比較靈活,當城市數據有變化(在新的城市成立了新的分公司)可以在后臺直接添加,前端不需要做修改。缺點是需要開發相應接口,有一定工作量。第二種是比較快速的辦法,省去了開發接口的工作量。
具體使用哪種方案要根據具體場景選擇,如廣告位的圖片就不適合寫死,而是要開發對應的接口能夠在后臺靈活更換修改。像導航欄中部的頁面名稱的文字一般不會有變化就可以直接寫死。
8. 服務器
提供服務的機器,如微信的服務器就提供了聊天、傳文件、視頻、朋友圈等服務,用戶連接服務器(登錄)后由服務器對數據和信息進行處理,再返回給用戶結果,而不是在用戶自己的電腦/手機上處理。
9. 數據庫
儲存用戶信息、軟件內容的地方,保存一切數據的倉庫。
如我們 pro 小程序的專家文章就保存在自己的數據庫中,上次出問題打不開文章就是數據庫出了問題,其余鏈接式的文章是保存在微信的服務器上,我們鏈接到微信的服務器上他為我們提供瀏覽文章的服務,數據庫是服務器的一部分。
10. 類、對象、抽象和實例
抽象在技術術語里的意思是提煉出一個通用模板,然后基于模板做具象化的實現。
例如:在現實世界中關于人的分類,會有男人、女人、老人和小孩,如果將這個具體的分類抽象出一個類別,得到的抽象結果就是人。所以,人就是一個抽象出來的分類,也就是技術術語里面的「類」。
在編程語言的世界中,通過程序語言描述現實世界中的事物時,使用的就是抽象的方法,將一類事物抽象成一個類。有了類以后就可以根據類具體出實例,如根據「人」這個類可以具體出老人、小孩,這樣的人就叫實例。
11. 程序員說的「打印」
在調試程序或開發測試的時候經常出現打印這個詞,程序員口中的打印不是用打印機打印出文字或圖片,而是表示結果輸出。這個輸出不是輸出到現實世界的紙張上,而是把程序運行的結果輸出到他的電腦屏幕上,進而查看程序運行是否正確。這個把程序運行的結果輸出到屏幕上的過程就叫打印。
12. 架構和框架
架構和框架是程序員經常提到的兩個技術概念,在工作崗位上也有架構師這一崗位。
我們通過舉例來理解這兩個概念,例如:修建房屋時會有一個總設計師負責設計整體藍圖和規劃,這個工作就可以理解為架構師的工作。
架構設計好后,繼續進入具體施工的環節,施工時可以完全自己設計裝修方案,也可以使用一些現有的比較成熟的裝修模板來套用,這里的裝修模板就是框架??蚣芫褪鞘褂矛F有的成熟技術框架簡化開發過程,降低復雜度、減少工作量?,F在很多軟件的開發都會使用一些比較成熟的開發框架代替純自主開發來提率。
13. 控件和組件
任何一個網頁或 APP 都是由大量的輸入框、按鈕、圖文展示框組成的,這些組成頁面的最小元素就叫控件。一個按鈕是一個控件,一個輸入框也是一個控件。
而組件是一種功能更全面的升級版控件,可以把組件理解成多個控件的組合。如 tab 欄就是一個組件,它是由圖標、文字、按鈕等組成的。
14. 進程和線程
經常聽程序員討論進程和線程,如涉及到一些復雜功能的時候程序員會說已經同時開了幾個線程在處理了。
還是通過實例來說明,例如:我們點擊一個 APP 的啟動圖標,手機的操作系統就會給這個 APP 分配運行資源(CPU和內存),分配好后這個 APP 就會開始運行。這里說的 APP 運行就是一個進程,也可以理解為每一個正在運行的 APP 都是一個進程,如我們同時打開的微信和淘寶,那么就同時存在兩個進程。當手機的 cpu 資源或內存不足時就會關閉當前沒有正在使用的進程(APP),進程就會被終止,對應的 APP 也就關閉了。
相對于進程,線程是一個更小的程序運行單位。一個 APP 中可以包含多個線程,如負責發送聊天信息的線程、負責連接網絡的線程。APP 之所以能夠同時完成很多功能就是因為存在多個線程,多個線程可以保證系統資源被合理地分配和利用。
15. 腳本
腳本這個詞出現的頻率也比較高,程序員有時候就會說「弄一個腳本統一處理一下」。腳本也是一種計算機程序,一般用來代替人工重復的操作,例如:我們可以通過一個固定格式的表格,來把繪本信息導入到數據庫中,就是使用了腳本。
腳本一般沒有圖形界面,通過代碼命令的形式使用,腳本一般是程序員使用的。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
在過去的一年里 LOGO 設計行業蓬勃地發展著。對我而言,查看各大設計機構的LOGO趨勢分析和報告,就像開禮物一樣,因為我知道等待我的是一段獨特體驗。這其中有平凡到令人失望的設計作品,也有令我歡欣甚至驚喜的好作品。而這便是LOGO設計行業仍然充滿活力的證據,是值得感激的恩賜。值得欣喜的是今年的設計作品依然體現著設計師的好奇心與勤勉,這激勵我們向著新高度進發。你會在今年的趨勢中看到往年主題的延續,但是融合和改變形成了跟為獨特的設計趨勢。設計師們開始采用非傳統的色彩和線條,賦予新的內涵。
Logo中的圖案通常以黑白配色呈現,營造一種復古感。設計師們以大量的網點元素作為構建差異的方式。粗礪的噪點、條紋以及網線銅版和木紋磚紋的調合,使logo呈現一種復古的視覺特征,這似乎與時下的高飽和漸變色彩的使用趨勢背道而馳。
現代流行文化不僅改變了我們看待符號的方式,也影響了視覺設計時的優先級。隨著紋理、圖案、排版、攝影和插畫元素在視覺品中的優先級發生變化,視覺元素愈發地被收到重視?,F代品牌很多時候會被視作為是被視覺美學所推動前進,因此也會要求 LOGO 具備更強的視覺吸引力。
陰陽相生。當一種新的風格、思路,新的濾鏡、插件和設計工具出現的時候,設計都會向著不同的方向演化。但是,每一個精心制作的LOGO,包括動態LOGO 你都很難把功勞歸結于某一個工具或者方法,它始終是多種方法、工具和流程共同作用的結果,很難把不同的因素徹底地區分開。嘗試新的事物從來都不是壞事,但是我仍然寄希望于獨特的技術和方法,希望在設計里留下自己的痕跡。
我需要再一次重申的是,潮流并非是趨勢所造就的。與時尚領域不同的是,設計趨勢不會隨著文化變遷而突然爆火,相反,它在設計維度上,一直是向著兩個方向延伸,觸摸過去也面向未來。更準確的來說,是我們一直從過去的天才構想中汲取經驗,同時還在不斷開辟走向未來的路。
毫無疑問,今年流行的主題中出現了很多時下流行的元素和主題,包括無人機、蘑菇、刺猬、鵜鶘、蛇、華夫餅、針、燈泡、三眼虎和蒸汽波。雖然這些流行元素只是暫時的,但許多作品仍然制作精美。盡管這種流行元素的風潮最終會落幕,我還是要向它們致敬。
我仍然要感謝 LogoLounge 社區的2萬多名來自世界各地的設計師,他們為這份報告提供了大量素材。在本報告發布時,我們的網站擁有超過30萬個的logo設計師,我們可以與會員一起繼續觀察他們的職業發展趨勢。能夠與他們并肩工作,支持我們熱愛的這項事業,是一種榮幸。
老實說,要求一個老練的LOGO 設計師在 LOGO 當中加入流行的陰影效果,這仿佛是對設計師靈活的創造力進行質疑。今年我們的團隊精心設計了一種新的方式來為他們的作品加入陰影——因為陰影效果本來就不止一種,而還需要兼顧到 LOGO 本身的可用性。我們避開短暫流行的漸變色,用一連串同心的點和線來呈現光影動態,以這種新的方式,比傳統陰影更具視覺張力,更重要的是,它可以更自然地輸出純矢量的單色 LOGO 。
在過去的幾年里,我們看到圓點和線混合在一起,展示了不同元素的融合。通常,這的設計方案會以同心圓為中心,其他元素彼此平行,但不會完全合并到一起。通過將這些元素彼此融合到一起,讓它們和主體元素融合、交匯,在負空間的幫助下,設計師以這種方式讓消費者在頭腦中自覺將圖像填充完整。比如咖啡杯中的幾個點,以及用點狀表示的兔子尾巴。
有人會因為盤子里的食物混在一起而崩潰,也有人對此毫不介意。所以,有的設計師將元素之間的各種元素之間的界限給先打破了,通過重疊來創造層次感,互相堆疊的元素會呈現出一種模糊的效果。而其中大多數 Logo 都呈現出了一種引人入勝的信息,巧妙地吸引了人們的關注。當然,也許大多數人會選擇創建一個對比明顯、信息清晰的LOGO。
這種堆疊式的LOGO設計,使用兩個圖層足矣,三個圖層也勉強可以駕馭,但四個圖層就太過了。如果背景無法辨認,發揮作用的就只有最頂層的視覺元素。上圖所示的這些logo融合了類似于徽章和插畫的排版,正如這些例子所示,這些源自復古的設計能夠煥發出全新的力量。
陰影作為logo設計中的一個元素,在很多方面都是至關重要的。我用了一個完整章節來討論陰影的重要性。陰影暗示著光的方向,更確切地說,它可以顯示維度和空間關系。一條垂直線和一條水平線,再加上一點陰影,就可以確定誰在平面上方了。畫一匹色調均勻的馬,那么馬的兩條后腿就應該處理得暗一點。
有時候,我們作為設計師會受限于自己的技法,這是很正常的。在這些標志當中,包含著一個非常微妙的小陰影,雖然在 Trustpilot star 這個案例中,看起來確實做了比較清晰的分離處理,但我仍然想知道,如果按比例縮小,這種對比是否足夠明顯發揮作用。我的建議是,如果需要效果,就要盡量使得效果可以明顯地呈現,而不是要佩戴老花鏡才能看得清楚。但是毋庸置疑,有很多設計師是經過審慎考慮之后,才選擇了這樣的方案。
熱情飽滿的新生代設計師正在重塑潮流。在數字時代之前,想要在插畫中加入條紋、圓點、中間色調、木紋或其他異國情調的半調效果,首先需要去當地的藝術用品商店逛逛。如今如果你想要實現半調效果,你只需花費很少的錢就可以將其應用到你的設計當中。復古風的設計書籍中充斥著各種各樣的標志,展示著一些非常漂亮的半調式的漸變效果,這會讓設計師們對這種相對古老卻陌生的技術感到好奇。
這一趨勢是非常典型的70年代復古,不僅在風格上,而且在色調上也有體現。這些帶來半調效果的斜條紋線所創造的效果接近于40%的黑色。這樣的 LOGO 設計能夠讓用戶一秒回到以往那個美好的時代,不那么機器制造的感覺。但是它仍然存在缺陷,就是當它縮小的時候,斜條紋會模糊,最終會呈現出一片灰色的效果。
在半調和高亮式的設計技法之間,波點元素還有一席之地。這些超大的圓點其實也算得上是半調的一種形態,它們實際上算是圖標中的一個組成元素,而不僅僅是背景。從這些LOGO的設計案例當中,我們可以看到,這些圓點近似于編織的籃子或桃子的紅暈,圖案并不僅僅是用來表達色調的,它還暗含光影和紋理。
使用更大膽圖案元素,已經是一個公認有效設計策略,打破緊張的平面色調和布局,并創造視覺吸引力,讓元素更醒目。作為一種從在漸變和失真之間尋求平衡感的設計,波點使得設計師可以以有限的顏色,簡單而有趣的矢量圓點來吸引消費者。
人們很容易認為,在吸引人們注意的領域里沒有什么新技巧。猿類拍打胸部,孔雀展開羽毛,人類則在社交媒體上發帖。還有一小部分身份設計師會選擇高亮效果來修飾他們的設計——至少這是今年最引人注目的趨勢之一。
我們通常認為黑白配色的 logo 是在添加高光之前展示給客戶的。當下流行的高亮色調有淡紫色,日光粉,和冰藍色。拋開所有的視覺趣味性不談,設計師們認識到,正是色彩的火花讓這些logo擺脫了潛在的平庸性。
過去兩年之間,設計主題已然延續到簡化設計,以及 Logo的純粹化。這種對前人作品結構的致敬,同樣體現著設計師的創造性,因為他們想出的解決方案是基于重新排列幾何元素而來的。每當你聽到有人表示相信一切都是以前做過的,只要提醒他們,作家和音樂家一直在重新排列了一些筆記或字母,而且新的音樂和書籍,比logo 要多的多,但是靈感之泉卻從未干涸。這大概也是以四分之一圓微代表的幾何元素,開始大規模地出現。
今年,四等分的圓圈元素——或者說扇形,隨處可見。大多數情況下,設計師會完全基于這個扇形來作為唯一的模塊,但偶爾也會讓它們與圓、半圓、正方形、三角形和其他幾何形狀混合在一起。即使在表達復雜的信息時,形式的純粹性可以恰當地與之進行平衡。如果logo看起來很冗雜,那么放入元素的數量應當有所限制。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
藍藍設計的小編 http://www.syprn.cn