欧美另类z0zxx免费观看_午夜爱爱毛片xxxx视频免费看_午夜 ,制服丝袜人妻专区_99热在线精品免费全部_国产欧色美视频综合二区_人妻少妇精品视频专区v

首頁

設(shè)計師的角度分析產(chǎn)品改版-高德地圖_10.0.3

鶴鶴

前言


Hello~各位酷友,之前高德地圖做了一次蠻大的改版,于是這周我就抽空給大家?guī)磉@個系列的第二篇改版分析。還沒有看過第一篇的也歡迎去看看。廢話不多說,直接進(jìn)入正題。還是一樣,閱讀時長大約15分鐘,泡杯咖啡,進(jìn)入專注狀態(tài)就往下吧。



一、改版概述


對比版本號:9.1.0(舊)→  10.0.3(新)

測試機(jī)型:iPhone7

高德這次更新距離上一次已經(jīng)有一個多月的時間了,版本號也有了一個大的跨越,給我一種憋大招的感覺。以下,我會從這四個方面進(jìn)行說明:

(1)首頁框架

(2)背板內(nèi)容

(3)常用出行方式選擇

(4)發(fā)現(xiàn)頁


跟之前一樣,還是主要說明有改動的部分,以框架層和視覺層為主要切入點,帶一小部分產(chǎn)品功能上的分析。



二、首頁框架


這次改版用到了一個新的控件,底部上拉式背板(不知道這個控件有沒有更正式的名稱,暫且這么叫它),有的設(shè)計師朋友可能在一些概念性作品里見過類似的控件,這次高德使用它說明了這個控件是落地的。

這個控件之所以受歡迎有以下原因:

首先,它的操作符合我們的手勢操作規(guī)律及擬物原則,交互方式一目了然。平時沒事就這樣滑上滑下都是一個爽點。

其次,它可以設(shè)計出不同高度的固定狀態(tài),如下圖就有三種。這樣能地節(jié)省頁面空間,承載大量的隱形內(nèi)容,同時區(qū)分不同內(nèi)容的優(yōu)先級。


另外,這次改版還加入了常見的底部標(biāo)簽欄,配合背板,對首頁的內(nèi)容框架布局進(jìn)行了一個規(guī)整,具體我們看一看下面這張圖:


(1)紅色:原來頂部的搜索欄調(diào)整到了默認(rèn)狀態(tài)的底部背板上。搜索欄放在底部的方式在目前還是比較大膽的設(shè)計,但對于地圖應(yīng)用而言卻非常適合。首先搜索欄肯定是整個應(yīng)用交互最頻繁的控件,放在底部很大程度上提高了用戶點擊的便捷性,特別對于單手握持的用戶。


(2)紫色:原來底部的附近按鈕改成了便簽欄的第二個標(biāo)簽。即發(fā)現(xiàn)頁。這個改變節(jié)省了大量的頁面空間,舊版做成底部通欄按鈕層級確實過高了,同時天氣溫度的標(biāo)識也比較雞肋。


(3)黃色:原來最難點擊的圖標(biāo)按鈕改成了現(xiàn)在最易點擊的“我的”標(biāo)簽,提高了這個入口的辨識度。


(4)綠色:舊版首頁分散的懸浮按鈕統(tǒng)一到了右邊,同時樣式都改成了圓形的底板。略微降低了路線按鈕的層級。這里有一個層級區(qū)分的設(shè)計小細(xì)節(jié),下方常用的定位與路線按鈕會比上方消息與地圖類別按鈕大10pt。


(5)灰色:原來右邊的一些懸浮小工具按鈕及快捷地址設(shè)置按鈕都從首頁去除,移動到了底部背板的隱形內(nèi)容里。這樣一來地圖的顯示區(qū)域也隨之增加了,被移走的按鈕會在后文提到。


小結(jié):總體而言,首頁的這次大改,主要是把交互區(qū)域都調(diào)整到屏幕的右下方。我猜測目的應(yīng)該是考慮到了很多用戶使用地圖應(yīng)用時是單手握持,處于邊走邊看的狀態(tài),增加用戶的交互效率。另外,標(biāo)簽欄的使用也增加了入口的辨識度。在視覺感受上,新版首頁會比舊版更簡潔、清晰,同時具有結(jié)構(gòu)性。


三、背板內(nèi)容


接下來要說的就是背板上的內(nèi)容,首先我們還是從內(nèi)容布局上分析一下。


(1)搜索欄,在前面已經(jīng)提到過


(2)工具箱,工具箱在這次改版中也是一個主要的更新點。在舊版中,工具箱的層級是很弱的,在我的頁面里的二屏才能找到。這次移動到主頁的背板中,顯然也是提高了它的觸達(dá)率。


同時,原工具箱中的工具較少。在新版中,工具箱中加入了很多的新功能,我數(shù)了數(shù),新版比舊版多了16個功能。排列上使用了歸類式的圖片列表。在這里也有一個設(shè)計上的小細(xì)節(jié),頂部我的工具的圖標(biāo)樣式與下方的圖標(biāo)樣式是有區(qū)分的,頂部圖標(biāo)統(tǒng)一加上了圓形彩色底托進(jìn)行反白,突出了頂部圖標(biāo)的層級。具體參看下圖:


另外,工具箱調(diào)整到首頁以及加入的很多新功能會跟下面要講的另一點更新有關(guān)。


(3)常用地點

即舊版的地點懸浮圖標(biāo)改成了現(xiàn)在的列表式按鈕


(4)新手引導(dǎo)教程

點進(jìn)去就是引導(dǎo)頁,通過動效插畫的形式向用戶說明了本次更新的幾大要點。


小結(jié):如同上文所說,背板的使用是本次更新的主要承載區(qū),綜合考慮了手勢交互、內(nèi)容布局、內(nèi)容優(yōu)先級等因素,非常值得我們進(jìn)行學(xué)習(xí)與參考。


 四、常用出行方式選擇


在更新后首次打開應(yīng)用時,有一段引導(dǎo)動畫,主要告訴用戶選擇常用的出行方式,分別是公交與駕車。因為動畫較長無法上傳,有興趣的朋友可以自己去看看,引導(dǎo)動畫也是近期比較火的一種設(shè)計方式。

而選擇不同的出行方式后,地圖樣式與工具箱的默認(rèn)推薦工具也會有區(qū)別。

可以看到,選擇公交后,地圖里會主要突出公交站的圖標(biāo),并弱化其它圖標(biāo),讓用戶明確的知道哪里有公交站。


小結(jié):讓用戶選擇常用出行方式充分考慮了用戶的出行場景,讓用戶主動選擇出行方式進(jìn)行用戶劃分,并據(jù)此提供更精準(zhǔn)的服務(wù)內(nèi)容。可以看出,在相對成熟的產(chǎn)品中,功能上的創(chuàng)新是一部分,但是能將已有的內(nèi)容更貼切地服務(wù)于用戶也能創(chuàng)造出很大的價值,并且能讓產(chǎn)品更具備競爭力。


五、發(fā)現(xiàn)頁


周邊推薦時地圖應(yīng)用最能收獲價值的內(nèi)容板塊,在這次更新中,發(fā)現(xiàn)頁面不僅是入口做了調(diào)整,二級頁面里的內(nèi)容也有一定改變。兩版的頂部區(qū)域內(nèi)容是一樣的,都是一個搜索框加宮格式分類入口。區(qū)別在于下方的瀑布流內(nèi)容帖子。舊版使用了兩個分段控件進(jìn)行了更詳細(xì)的分類,但新版做了減法,把所有的選擇器都去掉了,同時也去掉了商戶評分以及營業(yè)時間信息,僅保留了距離位置信息。另外使用了卡片區(qū)分不同商戶內(nèi)容。


小結(jié):簡化頁面的好處在于有效地提高了瀏覽效率。而且仔細(xì)思考一下就會發(fā)現(xiàn)舊版的兩個分段選擇控件確實略顯多余。頂部的宮格式分類入口就足以滿足用戶的搜索需求,做過多的分類反而會讓用戶困擾。但我個人認(rèn)為評分信息還是可以保留的,畢竟是推薦內(nèi)容,能給用戶提供很大的參考價值。


六、總結(jié)


以上就是高德地圖本次更新的主要內(nèi)容。在這次更新中,我認(rèn)為最值得我們學(xué)習(xí)的就是它整個改版邏輯是非常清晰的。從用戶場景出發(fā),考慮到用戶的操作手勢以及內(nèi)容優(yōu)先級,具體落實到了頁面的布局。大家也可以從頁面布局再反向思考到它的改版目的。多重復(fù)幾遍就能更清晰地理解這次改版的核心。

轉(zhuǎn)自-站酷

藍(lán)藍(lán)設(shè)計www.kadanni.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

當(dāng)我們談?wù)撛O(shè)計的高級感時,到底在說什么?

濤濤

對于「高大上」即高級感這個抽象的概念,其實每個人的理解都不盡相同。身為設(shè)計師,在很多時候都需要去理解需求方所提出的「高大上」的含義,然后在自己的理解與需求之間找尋最合理的解決方案。

個人理解的「高大上」不僅是作品表現(xiàn)形式的高級感,也關(guān)乎時間的維度。有著持續(xù)生命力的經(jīng)典設(shè)計如包豪斯或無印良品式的設(shè)計是「高大上」的,而區(qū)別于當(dāng)下泛濫、普遍、常見設(shè)計的有獨特風(fēng)格化視覺語言的,也是另一種形式的高級感。本文將從這兩個不同的角度來為大家拆解提升作品高級感的技巧。

傳統(tǒng)意義的高級感,是少即是多的審美情趣

傳統(tǒng)意義上的「高大上」即所謂的高級感可以用現(xiàn)代主義建筑大師密斯·凡· 德羅那句著名的「Less is more」(少即是多)來形容。這句概括現(xiàn)代設(shè)計精神的金句,影響了幾代設(shè)計師,不僅改變了世界建筑的面貌也改變了整個世界設(shè)計史。德國著名的工業(yè)設(shè)計大師迪特爾·拉姆斯也曾在他的「設(shè)計十戒」里有提到「好的設(shè)計是盡可能的無設(shè)計」。

那些被大眾所接受的傳統(tǒng)意義上的「高級感」,拆解開來其實可以理解為克制感與性。高級感的營造往往是深遠(yuǎn)的意境、極簡的表達(dá)以及的細(xì)節(jié)追求。那如何來實現(xiàn)設(shè)計作品的高級感呢?

1、顏色傳遞情緒少顯高檔

每種色彩都會給人不同的心理感受,相較色彩濃烈情緒飽滿的用色,傳遞情緒少的顏色更能給觀者治愈的能量。所以除了減少使用顏色的數(shù)量,降低色彩的飽和度或者多使用不明確色相的顏色都能削減色彩對人情緒的影響,起到提升作品高級感的效果。此外使用黑白灰或者單色,也容易降低色彩本身對人情緒的影響,營造高級感。

比如很多人喜歡的「莫蘭迪色」,還有經(jīng)典的黑白灰。

2、字體選擇不宜多,簡單即是美

字體選擇一般不宜超過三種,多利用文字大小對比營造信息層級關(guān)系而非文字種類。對于追求高級感更是如此,字體種類選擇宜少不宜多,簡單的字體好于自身過于個性復(fù)雜的字體。

還有一種在做設(shè)計時讓文字顯高級的方式就是將文字圖形化與符號化處理。圖形從視覺表現(xiàn)力和神秘感上會比我們一眼就能讀懂的文字更勝一籌。這大概就是為什么很多人會認(rèn)為英文比中文看起來更有「高大上」的感覺,而在中文排版中加入英文能從視覺感知提升高級感。其實當(dāng)在設(shè)計里使用如拉丁語、丹麥語等我們自身更加不熟悉的語言文字時,這種高冷的疏離感會讓感官上的高級感更強(qiáng)烈。所以想要讓文字元素顯得高端,一個小技巧就是讓文字顯示在第一時間不易被解讀出來。

3、善用留白,營造高級感

善用「留白」也是對做所謂「高大上」的設(shè)計非常有效的一種表現(xiàn)手法。恰當(dāng)?shù)牧舭卓梢愿油怀鲋黝}內(nèi)容,讓重要的信息更準(zhǔn)確的傳達(dá)?!噶舭住棺陨硪部梢誀I造出一種很好的空間感,讓畫面得到延伸,給觀者留出更多的想象空間,呈現(xiàn)一種意境美。

很多時候信息和元素越多、越大就越難把握。多做減法去蕪存菁,避免無意義的視覺元素堆砌和雜亂無章,縮小或減少次要元素的存在感,利用合適的留白反而能讓你的設(shè)計更有高級的氣質(zhì)。

4、高質(zhì)量的圖片素材

在做平面設(shè)計的時候,高質(zhì)量的圖片是設(shè)計質(zhì)感有保障的重要前提。無論是在圖片庫尋找圖片素材,還是自己進(jìn)行照片的拍攝,高質(zhì)量的圖片一般都需符合以下兩條原則:

  1. 圖片清晰度高,拍攝角度、光效構(gòu)圖等專業(yè)有講究。
  2. 圖片符合當(dāng)下的審美趨勢,迎合時代的審美情趣。

高質(zhì)量的免費圖庫Unspalsh、 Pixabay、500px、Getty Images 等,都可以提供不錯的基礎(chǔ)素材。

5、除了設(shè)計本身,還有工藝和材質(zhì)加持

營造設(shè)計的高級感,除了視覺設(shè)計效果本身的高階氣質(zhì),善用工藝與材質(zhì)同樣能讓你的作品高級感滿滿。對于平面設(shè)計的書籍、包裝、海報等宣傳物料設(shè)計,合適的工藝與材質(zhì)選擇會讓作品的質(zhì)感得到提升,甚至可以彌補(bǔ)設(shè)計上的不足。

雷射雕刻、燙金、凸版印刷、無墨壓印、絲網(wǎng)印刷、專色印刷等特殊印刷工藝的使用,手工裝幀或人工制作的加入,都能為打造「高大上」的設(shè)計增色不少。

對于線上的視覺設(shè)計而言,給作品的細(xì)節(jié)增添有質(zhì)感的材質(zhì)也是豐富設(shè)計層次、打造高級感的方式之一。

當(dāng)下的高級感,是特立獨行的個性追求

就像在開頭所說,你永遠(yuǎn)不會知道需求方說的「高大上」到底是哪一種「高大上」,對方想要表達(dá)的感覺到底是哪種。通常可以在進(jìn)行更加深入溝通之后,明確后面的設(shè)計方向。當(dāng)普世經(jīng)典的「高級感」并不在對方想要的感覺范圍內(nèi)的時候,我們需要在「高大上」的光譜上搜尋更加契合需求的設(shè)計方案。

這個時候,需要有針對性地營造不同的視覺風(fēng)格,創(chuàng)造出區(qū)別于流俗、更加「脫俗」的設(shè)計。在溝通的時候,客戶所描述的「高大上」通常會帶有一些明顯的情緒、感知上的特征,抓住這些特征來進(jìn)行針對性的設(shè)計也就成了關(guān)鍵。

1、幾何元素和色相對比所營造的時尚感

每年對于時尚與潮流感的界定一直在變,這一點非常值得注意。就像在前文所提到的「高大上」不僅要考慮作品的表現(xiàn)形式,也要顧及對時間維度的考量。比如站在當(dāng)下這個時間點上,高飽和度紅藍(lán)雙色和大范圍漸變的視覺表現(xiàn),就是 2019 年高度普及并被認(rèn)可的視覺潮流形象。營造時尚感使用更簡約的幾何字體、幾何元素,搭配對比明顯的幾何色塊,小巧凝練的文字排版,這些都更容易塑造出符合當(dāng)下的時尚感。

同時,低飽和度、高素質(zhì)的圖片打底是常見的設(shè)計技巧,這樣也更容易創(chuàng)造出色相對比,從而將時尚高級的感覺給提煉出來。

2、巧選字體和配圖凸顯文藝范

配圖的選取,色調(diào)的后期調(diào)整與文字排版的選擇,很大程度上決定了文藝氣息能否營造出來。午后的陽光,慵懶的萌寵,粼粼的波光,延伸的道路……這些能夠沾上詩意的配圖,搭配上經(jīng)典的襯線字體如宋體(明朝體),再運用相對清晰簡單的上下或左右式布局,就能很快將作品打造出文藝范兒的氣質(zhì)。

3、把握好冷峻的氣息,創(chuàng)造出科技感

未來一點,科技一點,諸如此類的描述也常常緊隨「高大上」三個字出現(xiàn)在甲方爸爸的需求里。雖然使用藍(lán)紫之類偏冷的色調(diào)或是簡潔的黑白灰是立刻能想到的選擇,但打造「科技感」的精髓還是在于設(shè)計作品的情緒傳達(dá)要少和冷。冷峻的線條,抽象幾何元素,無襯線簡潔又幾何感強(qiáng)的字體,加入與設(shè)計主題相切合的科技衍生物或是帶有明顯近未來屬性的物品為輔助元素,都是塑造作品「科技感」強(qiáng)有力的方式。

4、強(qiáng)化視覺主體,營造沖擊力

視覺張力的營造有多種方法,但核心還是在于營造凝聚力與速度感。整個畫面和布局要有一個非常明確的視覺中心點,元素和布局都應(yīng)清晰地圍繞這個視覺中心點來展開設(shè)計。這個點可以是一個物品,一個標(biāo)題,甚至可以是無形的存在,但一定要讓人能明確感知。輔以加粗、凝練的字體,大特寫、發(fā)散式的視覺裝飾和引導(dǎo),沖擊力就出現(xiàn)了。

當(dāng)然,在色彩上為了兼顧到整體視覺的情緒,色彩的飽和度可能會偏高。雖然這樣偏離了傳統(tǒng)意義上「高大上」的設(shè)定,但是如果要兼顧需求,有舍才能有得。

5、深入挖掘文化特征,進(jìn)行風(fēng)格化設(shè)計

「風(fēng)格化」設(shè)計的需求其實并不少見,問題的關(guān)鍵在于設(shè)計時要往哪個風(fēng)格去偏移。是「和風(fēng)」還是「韓流」,是「德味」還是「美式復(fù)古」,或者選擇時下最in的「國潮風(fēng)」?無論是哪種風(fēng)格化,都意味著需要深入挖掘相應(yīng)的文化,才能有針對性地進(jìn)行風(fēng)格化的設(shè)計。我們后續(xù)會單獨撰文來寫風(fēng)格化設(shè)計的事情,今天這里就不贅述了。

高大上并不是一個的答案,它是一個涵蓋一定范圍的光譜。而我們要做的,就是在光譜上,找到一個大家都能接受的位置。

文章來源:優(yōu)設(shè)

如何通過競品分析來解決問題

鶴鶴

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里


1.競品分析的定義


從專業(yè)的角度來講,競品分析是通過系統(tǒng)的分析方法去全面了解市場上位于前列的競爭對手的產(chǎn)品,能夠讓設(shè)計師快速了解自家產(chǎn)品所處的位置,從而來針對性的改進(jìn)自身產(chǎn)品的一個方法。簡而言之,就是要站在巨人的肩膀上去思考,以競品分析的形式去學(xué)習(xí)其他優(yōu)秀的產(chǎn)品,從而解決自身產(chǎn)品所存在的問題。



2.為什么要去做競品分析


做一件事情之前一定要思考做這件事的價值和意義,只有你明白其重要和必要性,你才會知道該怎樣去做這件事情,而不是一提起競品分析就找一大堆專業(yè)框架和術(shù)語然后去填內(nèi)容,這樣雖然產(chǎn)出了很多,但是關(guān)鍵性的內(nèi)容點其實還是不清楚。


說直白點,你需要通過這篇競品分析去解決你工作或者創(chuàng)作中遇到的什么問題,帶著疑惑和目的去分析在我看來是更有效率的。因此特分為以下幾種情況:



因此我們要學(xué)會根據(jù)自己的不同需求,去制定不同的競品分析方案,讓分析的內(nèi)容更聚焦。作為UI設(shè)計師來講,通過競品分析為自己的設(shè)計方案提供科學(xué)的理論依據(jù),為自己贏得話語權(quán),能夠更好地科學(xué)產(chǎn)出內(nèi)容。



3. 如何尋找競品:


競品的選擇非常重要,如果找到錯誤的競品,那么你所分析的一切結(jié)論可能都引向了一個錯誤的方向。從而讓自己的努力都白費。那么怎樣才能找到合適的競品呢?分為以下三類情況


A.核心服務(wù)與目標(biāo)用戶相同的產(chǎn)品(直接競品)


這一點是廣大設(shè)計師都能想到的范疇,也稱為直接競品。即提供的核心服務(wù)、市場目標(biāo)方向、客戶群體等與我們的產(chǎn)品基本一致,產(chǎn)品功能和用戶需求相似度極高的產(chǎn)品 。往往是通過業(yè)務(wù)關(guān)鍵詞就能直接搜索到的競品,比如音樂類產(chǎn)品,那么直接在應(yīng)用商店,或者通過專業(yè)網(wǎng)站(易觀千帆等)搜索關(guān)鍵詞“音樂”即可搜索出排行前列的競品。



B.目標(biāo)人群不同,但功能模塊和服務(wù)接近的產(chǎn)品(間接競品):


這類競品可以找起來并不那么直接,可以通過對應(yīng)功能去逆推擁有此功能的產(chǎn)品,并進(jìn)行相關(guān)搜索。


如果想不到,可以通過“人人都是產(chǎn)品經(jīng)理” “36氪“等關(guān)于產(chǎn)品資訊的網(wǎng)站進(jìn)行查詢,甚至可以通過百度指數(shù)來進(jìn)行發(fā)散思維,看一下跟你關(guān)鍵功能相接近的都有哪些。比如你研究外賣產(chǎn)品,除去餓了么和美團(tuán)等直接競品,你還可以在分析用戶下單和購買流程中,去分析淘寶和京東等購物產(chǎn)品,也能得到一定的幫助。



C.目標(biāo)人群和服務(wù)都不同,但交互或者視覺有可以參考的產(chǎn)品(關(guān)聯(lián)競品):


這里所選擇的產(chǎn)品,定位和領(lǐng)域可以都完全不同,但是你要從這款產(chǎn)品中得到啟發(fā),從而讓你的產(chǎn)品能夠擁有其他競品不同的特點或者功能模塊。有一個很典型也熟知的的案例,就是衛(wèi)龍辣條的設(shè)計案例,在衛(wèi)龍推出之前,可以說是沒人會想到辣條會和高端扯上關(guān)系,但是衛(wèi)龍就是借鑒與其領(lǐng)域完全不同的蘋果設(shè)計去做,從而在包裝上獨樹一幟,從而吸引人們注意取得成功。因此通過不同領(lǐng)域跨行業(yè)的產(chǎn)品有時候也可以找到不錯的思維方向。



4.如何進(jìn)行商業(yè)分析:


進(jìn)行商業(yè)分析,這里只提及到三個基本選項:商業(yè)背景、產(chǎn)品盈利模式以及用戶人群。通過這三個基本要素,你能對所研究的競品有一個大概的了解。當(dāng)然深入了解還需要其他平臺(官網(wǎng)網(wǎng)站、36Kr等)來查閱更多的相關(guān)性資料,下列是對QQ音樂商業(yè)背景的簡要分析。




5. 如何進(jìn)行交互分析:


我們在做交互分析時,我們需要進(jìn)行必要的兩點分析:用戶路徑和交互維度。


用戶路徑:指用戶從某個開始行為事件直到結(jié)束事件的行為路徑,即用戶在使用某個功能的完整流程稱之為用戶路徑。我們需要去觀察和體驗在這一個完整路徑中涉及到的頁面、動效、視覺到底是怎樣的。就拿登錄頁來說,我們看看排行前列的競品是怎么做的。通過相應(yīng)的體驗和對比分析,我們就可以找出這其中符合我們產(chǎn)品性質(zhì)的最優(yōu)解,從而提高我們的登錄注冊效率。



交互維度:交互維度和用戶路徑有所區(qū)別。這一層需要弄清楚產(chǎn)品的核心路徑,從而能夠更好的解析產(chǎn)品各個層面的邏輯關(guān)系,這就需要我們以用戶的角度去逐個體驗,整體聯(lián)系,隨后記錄下來。使用過程中我們也要去觀察APP中的交互小細(xì)節(jié),怎樣分享的,怎樣展示的,比如音樂軟件進(jìn)行截屏后和點擊喜歡按鈕后的反饋是怎樣的。




6. 如何進(jìn)行視覺設(shè)計:


在進(jìn)行視覺分析時,有一點需要注意,如果你需要詳細(xì)分析某一模塊,請用手機(jī)尺寸截圖后拿到設(shè)計軟件中進(jìn)行測量,不要光靠眼睛觀察,很多時候的小細(xì)節(jié)我們只有在手動測量后才能感受到,比如控件的尺寸大小,間距的大小,以及顏色的取值,都需要精準(zhǔn)測量后才能得出靠譜的結(jié)論。


怎樣進(jìn)行視覺分析呢,我比較推薦從一個app 視覺語言最基本的五個維度去分析,即“形色字構(gòu)質(zhì)”



最近以音樂APP進(jìn)行了一次競品分析,以QQ音樂APP來舉例進(jìn)行分析(當(dāng)然競品分析并不能只分析一個,而應(yīng)該根據(jù)你需要的功能找多個競品進(jìn)行對比分析,才能看到更多的維度,這里只拿一個舉例):




6.1 圖形元素的分析


首先我們以形進(jìn)行分析,形即圖形元素,具體來講即LOGO和圖標(biāo)。LOGO的更新在2018年10月以后已完成更新。新版的主要圖標(biāo)整理歸納如下:



可以看到整體的圖標(biāo)色調(diào)更加清新,造型設(shè)計更加圓潤,未選中狀態(tài)的線形圖標(biāo)則采用4px的描邊,粗線形描邊讓整體界面風(fēng)格顯得更加穩(wěn)重的同時對用戶的干擾也較小。新版的圖標(biāo)界面讓界面保持穩(wěn)重的同時又富有活力。



6.2 色彩體系的分析


其次則是對色這一類別進(jìn)行分析,顏色其實是對于品牌調(diào)性有很大的影響,比如一想起QQ音樂就知道主色是綠,一想起網(wǎng)易云音樂就知道主色是紅,對用戶的記憶點更深刻。通過截屏測量進(jìn)行分析,得出整體的顏色如下(由于手機(jī)屏幕的色差原因,不可避免會有些許誤差)


從局部來看,分析顏色最重要的一點就是能夠弄清楚一個頁面中哪些元素用的是同一種顏色,觀察成熟的產(chǎn)品是怎樣用顏色(和字重)去區(qū)分層級關(guān)系的。



可以看到,用主色和三種輔色即可區(qū)分界面的整個層級關(guān)系,由此思考我們在制作自己的界面時也避免用太多的顏色,造成界面太過花哨。(顏色的具體色值可能有些許誤差,更重要的是看顏色層級關(guān)系)



6.3 字體體系的分析


接下來是字的分析,字即字體體系,可具體到字體和字號。設(shè)計中字體一般來講是蘋方,字號則根據(jù)設(shè)計師的定義來進(jìn)行相應(yīng)的規(guī)范。通過頁面的測量分析,可以拿到其具體的字號大小層級分析。(以下定義基于750的設(shè)計尺寸)



對于單個界面的分析,個人覺得要帶有思考的眼光去看待,比如在首頁中字號其實分配過多,像“更多”這種按鈕就不應(yīng)該再分一個字號,字號太多整體就顯得有一點點亂了。雖然大廠的設(shè)計能在一定程度上給予我們參考,但并不是說他的每一個設(shè)計都是正確的,我們要學(xué)會用審視的眼光去看待出現(xiàn)在身邊的設(shè)計。



6.4 界面構(gòu)成分析


界面構(gòu)成即界面的元素大小以及他們的布局,例如有時候我們不知道一個標(biāo)準(zhǔn)的搜索框的長寬具體多少才是合適的,這就需要我們?nèi)シ治銎渌墒斓纳虡I(yè)產(chǎn)品,通過測量來知道具體的數(shù)值,從而督促自己進(jìn)行正確的設(shè)計。這里選取了一個默認(rèn)的首頁進(jìn)行分析。



將一個頁面用右邊的形式進(jìn)行原型化,去掉干擾可以把結(jié)構(gòu)看得更清楚。間距之類的也可以通過軟件進(jìn)行測量??梢钥吹絈Q9.0版本的去線化設(shè)計,利用大間距來區(qū)分各個模塊,去掉了其他的干擾元素,整體的界面模塊看起來非常整潔輕盈以及富有呼吸感。統(tǒng)一的圓角化設(shè)計也讓整體設(shè)計符合流行趨勢,顯得更活潑。



6.5 質(zhì)感與風(fēng)格分析


關(guān)于界面的質(zhì)感則是不同于扁平化的一個設(shè)計,即有的頁面在你看來細(xì)節(jié)會更豐富,層級會更深。界面質(zhì)感通過漸變,疊加,透明度等不同方式來呈現(xiàn),比如在QQ音樂中的會員界面卡片,則體現(xiàn)了微質(zhì)感:



上方的會員卡片就加入了漸變和圖案疊加的方式來為卡片增加質(zhì)感,讓整個界面顯得更精致。當(dāng)然,疊加的圖案都是與內(nèi)容相關(guān)的,不能為了疊加而疊加。包括下方的權(quán)益圖標(biāo),也采用了漸變的方式來讓整個圖標(biāo)顯得更精致和有質(zhì)感。我們再處理質(zhì)感的時候也可以用這種方式來進(jìn)行。


以上通過“形色字構(gòu)質(zhì)”來分析是屬于單個分析,相當(dāng)于去拆解一個成熟產(chǎn)品中的每一個細(xì)節(jié)點,從而去學(xué)習(xí)和吸收。我們還要學(xué)會進(jìn)行對比分析。把單獨某一個功能模塊拎出來,通過不同類型的對比從而歸納出這一類的設(shè)計方法和樣式,進(jìn)而總結(jié)相應(yīng)規(guī)律。


比如某一天你需要設(shè)計一個歌單列表,你此時就需要分析所有TOP排行的歌單列表,看看分別都有什么,從而總結(jié)歸納出結(jié)構(gòu)來,再進(jìn)行分類。



通過分析提煉,形成以下結(jié)論并進(jìn)行相應(yīng)的概念風(fēng)格展示設(shè)計:



這樣,我們最后制作出來的方案才能涵蓋比較全的解決方案,從而能夠更好的助力設(shè)計產(chǎn)出。上圖的產(chǎn)出可能稍顯簡陋,但只是做一個簡單的示例,真正的產(chǎn)出應(yīng)該更加有細(xì)節(jié)和落地,也要結(jié)合自己的工作需求做相應(yīng)調(diào)整。



7.關(guān)注競品的版本迭代和用戶評價:



關(guān)注版本更迭,閱讀競品版本更新的詳細(xì)說明,你可以從中得出版解決了什么問題,提升了哪些體驗,添加了哪些功能,融合了什么流行的設(shè)計趨勢。產(chǎn)品迭代就是團(tuán)隊通過用戶需求對某個產(chǎn)品不斷完善的一個過程。迭代對于一個產(chǎn)品來說是至關(guān)重要的,一個產(chǎn)品如果不想被對手超越,就必須不斷的對版本進(jìn)行更新迭代。


除了關(guān)注具體的內(nèi)容,你還可以觀察版本更新的提示信息,例如夸克瀏覽器在每次更新時總會用富有趣味的文案來打動你,從而讓你更加情愿去更新,提升新版的使用率。


用戶評價則更不用說,產(chǎn)品的最終服務(wù)對象就是用戶,用戶評價的重要性自然不言而言。不過我們要客觀辯證地去看待用戶的評價,吸收好的建議,屏蔽無腦的意見,從而能夠正確地迭代版本。用戶評價的查看可以使用App Store或者用戶評價網(wǎng)站(https://appbot.co/)去查詢。



總結(jié)


以上的篇幅較長,看下來可能會有一些累,那么此篇文章提及到的點在這里回顧一次:


1.競品分析的定義-站在巨人的肩膀上去學(xué)習(xí);

2.為什么做-基于自己的目的去進(jìn)行對應(yīng)的競品分析,分析的最終目的是解決自己在設(shè)計過程中遇到的問題;

3.競品分析分為三個層面:視覺分析、交互分析以及商業(yè)分析;

4.怎樣進(jìn)行商業(yè)分析(商業(yè)背景、盈利模式、用戶人群);

5.怎樣進(jìn)行交互分析 (用戶路徑、核心路徑、交互細(xì)節(jié));

6.怎樣進(jìn)行視覺分析 (從“形色字構(gòu)質(zhì)”五個維度去分析以及如何對比分析應(yīng)用);

7.競品的迭代和用戶評價的重要性。


自己有一個小習(xí)慣,看完每一篇文章,總會告訴自己一定要在腦海里回顧一遍,思考一下這一篇文章到底有什么觀點是自己之前沒有想到的,哪怕只有一點是沒觸及到的知識盲區(qū),那么這篇文章之于自己就是有意義的。所以希望大家看完能有些許收獲那便是最好的了。

藍(lán)藍(lán)設(shè)計www.kadanni.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

設(shè)計師必須了解的色彩理論

濤濤

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

深入了解色彩理論屬性是非常有必要的,可以很好利用一些定式理論和色彩搭配方法應(yīng)用于你的設(shè)計!

Image title


本文重點介紹了色彩理論和色彩組合在設(shè)計中應(yīng)用的基礎(chǔ)知識:  例如學(xué)習(xí)更多關(guān)于色相環(huán)、RGB、CMYK色彩模型的相關(guān)知識。


很多人認(rèn)為UI的色彩選擇主要取決于設(shè)計師的品味和美感。然而,色彩選擇的過程比表面看起來要復(fù)雜很多,在設(shè)計中起著重要的作用。在我們之前的一篇關(guān)于顏色心理學(xué)的文章中,我們發(fā)現(xiàn)顏色對我們的情緒和行為有很大的影響。這就是為什么產(chǎn)品的成功很大程度上取決于設(shè)計所選擇的顏色。研究表明,人們只需90秒就能對一種產(chǎn)品做出下意識的判斷,而其中62%至90%的判斷僅基于顏色。因此,選擇合適的顏色對于改進(jìn)產(chǎn)品的轉(zhuǎn)換率和提高產(chǎn)品的可用性是非常有用的。


為了創(chuàng)造好的設(shè)計,更有效地運用顏色,你需要了解顏色是如何形成的,以及它們之間是如何相互聯(lián)系的。這就是為什么藝術(shù)學(xué)校、學(xué)院和大學(xué)的學(xué)生學(xué)習(xí)色彩理論,致力于研究色彩的本質(zhì)。今天,我們提供給你記住(甚至學(xué)習(xí))色彩理論的基礎(chǔ)上的顏色組合,可以有效地應(yīng)用于你的設(shè)計創(chuàng)作。


01.色相環(huán)/色輪


如果你上過有關(guān)繪畫的課,你一定見過由不同顏色組成的圓圈。它被稱為色相環(huán)/色輪,這有助于理解不同的顏色如何相互關(guān)聯(lián),以及如何將它們組合起來。色相環(huán)通常由主色、次色和三色組成。最主要的是這三種色素的顏色不能形成任何其他顏色的組合。把原色結(jié)合起來,就得到了第二種顏色,而原色和第二種顏色的混合就得到了第三種顏色,它們通常有兩個詞的名字,比如紅紫。


Image title


色相環(huán)/色輪是由艾薩克·牛頓于1666年以示意圖的方式創(chuàng)建的,從那時起,它經(jīng)歷了許多變換,但仍然是色彩組合的主要工具。主要的想法是,色相環(huán)/色輪必須這樣做,以便顏色適當(dāng)?shù)禺a(chǎn)生混合。


02.顏色模型


在你開始混合顏色之前,你需要了解顏色有兩種不同的性質(zhì):有形的顏色是物體表面的顏色,其他顏色是由光產(chǎn)生的,比如電視的光束。這些類型創(chuàng)建了兩個顏色模型,通過它們可以形成色輪:加法和減法。


加色模型將紅、藍(lán)、綠作為原色,因此也稱為RGB顏色系統(tǒng)。這個模型是屏幕上使用的所有顏色的基礎(chǔ)。在這個系統(tǒng)中,原色以相同比例組合而成的第二種顏色是青色、品紅和黃色,但是你需要記住,你添加的光越多,顏色就變得越亮越淺。對于習(xí)慣于油漆、染料、油墨和其他有形物體的減色法的人來說,通過混合加色得到的結(jié)果往往是違反直覺的。


減色法通過對光的減法得到顏色。它由兩種顏色系統(tǒng)組成。第一種是RYB(紅、黃、藍(lán)),也稱為藝術(shù)系統(tǒng),常用于藝術(shù)教育,尤其是繪畫。RYB是現(xiàn)代科學(xué)色彩理論的基礎(chǔ),該理論認(rèn)為青色、品紅和黃色是三種顏色中最有效的組合。這就是CMY顏色模型的形成過程。它主要用于印刷,當(dāng)制版印刷的關(guān)鍵部件為黑色油墨時,該系統(tǒng)被命名為CMYK(青色、品紅、黃色和黑色)。如果沒有這種額外的色素,最接近黑色的陰影將是渾濁的棕色。


Image title


03.色彩的加法與減法


您應(yīng)該記住這兩個系統(tǒng)之間的主要區(qū)別:加法用于數(shù)字屏幕,減法用于印刷媒體。如果你正在做的設(shè)計項目是要打印出來的,不要忘記一個簡單但重要的規(guī)則:你在屏幕上看到的顏色在打印出來的時候看起來不一樣。加色譜比CMYK更寬,這也是為什么建議設(shè)計師在打印前把他們的項目轉(zhuǎn)換成減色法,這樣他們就可以看到接近他們得到的結(jié)果。然而,如果您使用數(shù)字產(chǎn)品,RGB顏色系統(tǒng)是明智的選擇,因為它允許創(chuàng)建驚人的東西與它的廣譜彩色。


04.色彩協(xié)調(diào)


“協(xié)調(diào)”這個詞通常與有序和令人愉快的事物聯(lián)系在一起。色彩協(xié)調(diào)是指在設(shè)計中以最吸引人、最有效的方式對色彩進(jìn)行排列,讓用戶感知。當(dāng)色彩有條理的時候,觀者會感到愉悅和平靜,而不協(xié)調(diào)的設(shè)計則會給人混亂和厭惡的感覺。色彩的平衡在設(shè)計中是至關(guān)重要的,因為用戶對網(wǎng)站或應(yīng)用程序的第一印象,顏色有很大的影響。設(shè)計師區(qū)分了有效工作的基本配色方案。


05.單色


它是基于一種顏色與它的各種色調(diào)搭配。單色的呈現(xiàn)總是一個勝利的選擇,因為它色彩屬性單一,容易創(chuàng)造一些簡潔的配色方案。


Image title



06.類似色/同類色


要創(chuàng)建類似的色彩,您需要使用顏色輪上相鄰的顏色。這種類型的配色方案用于不需要對比的設(shè)計,包括網(wǎng)頁或橫幅的背景。


Image title



07.互補(bǔ)色


互補(bǔ)的方案是混合的顏色放在彼此前面的色輪上。這個方案與類似的單色相反,因為它的目的是產(chǎn)生高對比度。例如,藍(lán)色背景上的橙色按鈕在任何界面中都很難被忽略。


Image title


08.分割互補(bǔ)


這個方案與前一個方案類似,但它使用了更多的顏色。例如,如果你選擇藍(lán)色,你需要選擇另外兩種顏色,這兩種顏色相鄰,意思是黃色和紅色。這里的對比度沒有互補(bǔ)方案那么鮮明,但它允許使用更多的顏色。


Image title



09.三元/三色方案


當(dāng)設(shè)計需要更多的顏色時,您可以嘗試三元方案。它基于色輪上等距的三種不同顏色。為了在這個方案中保持平衡,建議使用一種顏色作為主色,另一種顏色作為輔色。


Image title



10.四色方案/雙互補(bǔ)


四色方案是為經(jīng)驗豐富的設(shè)計師,因為它是最難平衡。它采用了四種顏色的色輪,這是互補(bǔ)對。如果你把所選顏色上的點連接起來,它們就形成了矩形。這個方案很難協(xié)調(diào),但是如果你做的一切都正確,結(jié)果可能會令人驚嘆。


Image title

藍(lán)藍(lán)設(shè)計www.kadanni.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計  圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

如何成為一個讓人幸福的設(shè)計師?

濤濤

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

提起小山薰堂,大家可能都會感到陌生,但是如果說到熊本熊,大家腦海里肯定會浮現(xiàn)出一只活靈活現(xiàn)、機(jī)靈可愛的熊本熊形象,今天我們分享的就是熊本熊之父—— 小山薰堂先生的《幸福策劃術(shù)》。

小山薰堂現(xiàn)在的職業(yè)是京都造形藝術(shù)大學(xué)副校長、藝術(shù)學(xué)部教授,而且寫的第一個電影劇本還獲得奧斯卡獎,除此之外,他還當(dāng)過電臺 DJ、企業(yè)顧問、作家、作詞家、美食家、大學(xué)教授、綜藝編劇等其他職業(yè)。

MOI J’ATTENDS

小山薰堂分享的主題是《幸福的策劃術(shù)》,在一開始,他先是給我們分享了一本來自法國作家大衛(wèi)·卡利(Davide Cali)的繪本《MOI J’ATTENDS》(中文譯名《我等待》),這本插畫書中,Davide Cali用一根紅線,串聯(lián)起一個男孩子一生每個重要時刻的等待的場景,從垂髫,到耄耋,從初生牛犢,到兩鬢如霜。

△ 法國作家大衛(wèi)·卡利(Davide Cali) – 「MOI J’ATTENDS」封面

這是一本讓人很感動的繪本,從這本書中小山薰堂先生反思道,現(xiàn)在這個時代,我們仿佛都厭倦了等待,人越來越?jīng)]有耐心,很多人認(rèn)為等待是沒有價值的,所以很多人會把「方便」和「幸福」劃上等號,但是小山薰堂先生對這個觀點是持懷疑態(tài)度的,他覺得幸福是需要被創(chuàng)造出來的。

△ 《MOI J’ATTENDS》書籍內(nèi)頁

BIRTHDAY PRESENT

小山薰堂先生說到,在他們公司,要求所有的員工都必須有策劃和執(zhí)行「birthday present」的能力,對于這個能力,小山薰堂先生覺得作為創(chuàng)意工作者,需要和偷偷去買個蛋糕制造驚喜這種橋段有所區(qū)別,小山薰堂對「birthday present」定下的 kpi 是「越夸張越驚喜越好」。在他看來,制定這個「birthday present」,可以提高員工對同仁的觀察能力,并且可以得到這個驚喜之外的收獲。

今年六月是小山薰堂的生日,他的同事給他送了一個在他看來很普通的杯子,但是得知了這個杯子的來歷后,小山薰堂卻很感動,原來,這個杯子是他們公司45名員工,從奈良到東京,每人跑十公里,通過接力,從奈良知名陶藝家辻村史朗一路傳到他的手里的,接力的過程中全程都有視頻的記錄,并且在接力到每個車站站牌的時候都會有與站牌的合照,這些也是作為生日禮物的一部分,所以,小山薰堂覺得這是一個很滿意很感動很不普通的生日禮物。在這次的生日中他不僅僅得到了一個酒杯,一段記錄視頻和站牌的合照,還因為全程的策劃需要其他三個合作公司的通力合作,過程中消除了很多的問題,所以這對他來說也是一個很有意義的生日禮物的一部分。

△ 員工為小山薰堂生日特意設(shè)計的標(biāo)志 | ©?小山薰堂

「Chalie Vice」

他還分享到,在日本有一個位于東京新宿伊勢丹百貨八樓的選物品牌──Chalie Vice。這個品牌也來源一個于「birthday present」。

△ ©?小山薰堂

原來小山薰堂公司有一個叫輕部政治的人,是他們公司的副社長,輕部政治特別喜好時尚,每天都會穿著自己覺得很滿意的服飾來上班,不過在小山薰堂看來,輕部政治的著裝略顯浮夸和不穩(wěn)重,所以在他生日來臨之前,瞞著輕部政治策劃了一場名為「Chalie Vice」的「birthday present」。

流程是這樣的,在輕部政治生日前三個月,小山薰堂告訴他有一個時尚品牌「Chalie Vice」即將在東京設(shè)立分店,小山薰堂的公司負(fù)責(zé)這個品牌的落地和推廣。前面說到,輕部政治對時尚很熱衷,所以這個項目也就自然而然地交給輕部政治負(fù)責(zé)。

△ 員工為「chalie vice」特地設(shè)計的初始標(biāo)志 | ©?小山薰堂

這樣,「Chalie Vice」這個偽時尚品牌就在他們公司傳開了,大家都開始討論這個品牌,但也僅限在公司內(nèi)部,因為外界根本不知道這個品牌。

因為「Chalie Vice」是海外的品牌,所以這個時候,需要一位關(guān)鍵的角色,就是「Chalie Vice」的投資人,為此小山薰堂還找了經(jīng)紀(jì)外國人的日本公司進(jìn)行面試,選了一位面相特別像阿拉伯人的外國男子,對其角色設(shè)定為「投資 Chalie Vice 的阿拉伯王子」,然后小山薰堂就把輕部政治帶到一個時尚酒會上,假裝和阿拉伯王子聊天,然后假裝阿拉伯王子的人就轉(zhuǎn)頭對旁邊的助理說了一些話,助理(當(dāng)然也是找的演員)就對輕部政治說:「王子覺得你很帥,希望你可以作為品牌的代言人」。輕部政治肯定很樂意,就這樣,輕部政治就順理成章地成為「Chalie Vice」的日本地區(qū)代言人。

既然是當(dāng)了代言人,那么就需要拍攝形象照,所以,在輕部政治生日的當(dāng)天,小山薰堂讓輕部政治穿上他花了一萬多日元買的貼著「Chalie Vice」假吊牌的西裝,進(jìn)到黑色背景的攝影棚拍照,在輕部政治雙手交叉在胸前擺好 pose 的時候,黑布后面站滿了小山薰堂整個公司的同事在攝影師按下快門的瞬間拉下幕布,熱烈慶祝輕部政治生日快樂。

△ 「整蠱」成功 | ©?小山薰堂

一個完美的好玩的生日策劃就這樣結(jié)束了,但是小山薰堂整個公司的人都有點不舍,雖然這是一個假的虛構(gòu)的品牌,但是大家三個月來的一切策劃和設(shè)計卻都是實打?qū)嵾M(jìn)行的,把它當(dāng)成一個真正的品牌在策劃,所以有一個同事就說,我們何不真的做這個品牌?剛好小山薰堂和伊勢丹百貨的社長共同參加一個晚宴。吃飯的時候,問他「你知道 Chalie Vice 嗎?」社長說他沒聽過,小山薰堂就把這三個月來的「birthday present」策劃活動告訴了他。第二天,小山薰堂的公司就接到了伊勢丹百貨高層采購的電話,表示對「Chalie Vice」感興趣,希望可以在伊勢丹百貨八樓開店。

就這樣,一個源于「birthday present」的驚喜,逐步演變成一個真正的品牌。而在開業(yè)前,小山薰堂還動用他在日本的影響力,請來了很多日本各行各業(yè)的人士,拍攝了一個《about ‘CHALIE VICE’》的視頻,視頻中,各行各業(yè)的人士紛紛一本正經(jīng)地聊起了這個關(guān)于「Chalie Vice」的品牌,但其實這也都是小山薰堂的一個創(chuàng)意,因為他們聊的,關(guān)于這個品牌的歷史文化等等其實都是虛構(gòu)出來的。

△ 各行業(yè)的大咖介紹「chalie vice」品牌「歷史」短片《who is 「chalie vice」》| ©?小山薰堂

△ 伊勢百貨商場「chalie vice」實體店 | ©?小山薰堂

幸福策劃術(shù)

策劃是什么,小山薰堂認(rèn)為凡是幫助我們度過人生各種困難的方法,都可以稱之為策劃。策劃現(xiàn)在還有沒有人做,他覺得對于策劃,需要衡量兩個問題:

  • 作為一個策劃師,你感到快樂嗎?
  • 可以使誰感到幸福?

解決了這兩個問題,就可以成為一名合格的設(shè)計師。

小山薰堂是一個擅長制造驚喜的策劃師,也有劇作家,電臺主持人,企業(yè)顧問等多重身份。他不拘泥于某一領(lǐng)域,并且在每一領(lǐng)域中都可以做得很好。最近幾年他就把很大的精力投入到「湯道」中去,熱衷于泡湯的他覺得泡湯文化不僅僅可以在日本流行,他也可以讓全世界都喜歡上泡湯。

他有著無限的活力和對生活的細(xì)心觀察。也有著日本人對于每一件事追求的態(tài)度,從舉世聞名的熊本熊,由生日驚喜而誕生的新品牌「Chalie Vice」,到近幾年一直推廣湯道文化,他總是從讓人感到驚喜、幸福的角度去考慮一個策劃案,并且結(jié)果也常常讓人感到幸福,正如他最后總結(jié)的,「作為一個設(shè)計師,作品能讓人感到幸福,那就是最大的幸?!埂?

△ 小山薰堂的湯道品牌「湯道百選」 | ©?小山薰堂

「MODESTY」謙遜

李虎的分享主題是《建筑何為》,他覺得,現(xiàn)在是全球連接的時代,前所未有的聯(lián)系卻又離合,是一個創(chuàng)造力與破壞力同時存在的時代,雖然信息交流方便了,但是這個時代有一堵「新的墻」正在壘砌,貧富差距,欲望擴(kuò)張,圖像時代,環(huán)境破壞,正逐漸把這個時代的人隔開了,這也是一個極度消費的時代,所以他覺得,作為一個建筑設(shè)計師,對于這個時代,必須懂得「modesty謙遜」。

△ 美國《國家地理》雜志六月刊封面

「謙遜」意味著節(jié)制,有意識的建造,建造得恰到好處,不多不少。

「謙遜」意味著包容,意味著通過建造來打破屏障,連接人與人,消除差距、重構(gòu)社會。

「謙遜」意味著保護(hù),通過建筑來創(chuàng)造一個人與自然的庇護(hù)所。

「謙遜」意味著尊重,帶著對當(dāng)?shù)丨h(huán)境的尊重去建造,無論是場地周圍自然環(huán)境、它的歷史,或是當(dāng)?shù)鼐幼〉娜巳骸?

「謙遜」意味著謙卑,以一種真實反映我們在世界中所處位置的方式去建造。我們不過是龐大網(wǎng)絡(luò)中的其中一部分。

「謙遜」意味著遠(yuǎn)離虛榮的自由,建筑不僅是流于表面的美學(xué),而是去追求深度的意義。只有做到這一點我們才能真正重新?lián)碛杏職猓ハ胂?、去探險,并且回歸詩意。

但他也強(qiáng)調(diào),「謙遜」并不意味著建筑是無力的。

在他的案例分享中提到上海油管藝術(shù)中心的項目,這是一批位于上海徐匯濱江原龍華機(jī)場舊址的廢棄儲油罐,以及一些消防水池和配套設(shè)施。是一段歷史的記憶。他希望能保留下這一批歷史的見證建筑,所以在建筑設(shè)計上完全保留著這五個超大的儲油罐外觀,并對內(nèi)部功能進(jìn)行合理的劃分,具體劃分為一個油管保留原始風(fēng)貌,幾乎不對其進(jìn)行任何的加工和改造,保留其原始質(zhì)感和構(gòu)造,可作為大型藝術(shù)作品的展示。一個在內(nèi)部進(jìn)行改造,增設(shè)平面展示墻,使其適用于精致藝術(shù)品的展示。剩下的三個被改造為多功能的展廳和活動休閑空間。

△ 五個油管的功能劃分 | ©?OPEN ARCHITECTURE

李虎在改造中,加入了一個「超級表面」的概念,通過營造一片「都市森林」,將油管鏈接起來,使其融入到整片森林中去,這也給上海繁忙的都市中增加一片適合公眾親近自然并且可以感受當(dāng)代藝術(shù),提升城市生活品質(zhì)的綠地。「超級表面」重新建立公眾和城市藝術(shù)自然的關(guān)聯(lián)。

△ 「超級表面」 | ©?OPEN ARCHITECTURE

李虎在城市建筑改造中,時常會考慮到公眾和自然、建筑的關(guān)系,他在深圳坪山新區(qū)劇院的項目中,為了有別與其他城市的千篇一律,遠(yuǎn)離公眾的劇院,提出了「演藝建筑的一種新的可能」概念,通過「空間敘事」的方式,區(qū)分建筑功能「正式與非正式」,也是使得公眾可以融入到劇院建筑中,并且根據(jù)深圳的氣候設(shè)計了劇院的綠化工程,使得劇院與公眾與自然都可以得到一個很好的共處。

△ 深圳坪山演藝中心 | ©?OPEN ARCHITECTURE

「UCCA Dune Art Museum」沙丘美術(shù)館

在最后,李虎還分享到在中國北部渤海灣昌黎縣一段被稱作黃金海岸的沙灘上,OPEN 設(shè)計了一座埋在沙子底下的美術(shù)館──UCCA Dune Art Museum(沙丘美術(shù)館)。他提到,隨著社會的發(fā)展,人類生存空間不斷的蠶食地皮,沙丘作為一種地理自然地貌,已經(jīng)越來越少能看見了。但是接到的這個項目就是需要在沙丘上建造一座美術(shù)館,這肯定會對沙丘有很大的破壞,他希望可以在這矛盾的兩者中找到一種平衡,最后,他在海邊玩泥沙的小朋友身上得到啟發(fā),何不讓美術(shù)館以「洞穴」的形態(tài)埋在沙丘之下,這是對自然的一種尊重,也是對沙丘的一種保護(hù),因為沙丘美術(shù)館的存在,這片沙丘將永遠(yuǎn)不會人為「被推平」。

李虎還從當(dāng)?shù)卦齑竟ど砩系玫絾l(fā),因為美術(shù)館的造型特別的復(fù)雜,所以用到造船的技術(shù),通過用木模板等小尺度線性材料手工編織出的模板定型,再用混凝土澆灌成型,并且還在建筑內(nèi)部保留了混凝土因為木板澆灌留下的不規(guī)則的肌理。希望讓木工建造的痕跡可以被每一個進(jìn)入美術(shù)館的人感知和觸摸。

△ 將造船術(shù)應(yīng)用在建筑中 | ©?OPEN ARCHITECTURE

△ 建筑軀殼 | ©?OPEN ARCHITECTURE

△ 建筑覆蓋上土后 | ©?OPEN ARCHITECTURE

△ 內(nèi)部大量保存原始手工痕跡 | ©?OPEN ARCHITECTURE

因為是在海邊,在美術(shù)館的造型上,會留出很多的大小不一的洞口,每一個洞口望出去,都是大海不一樣的風(fēng)景,讓人在美術(shù)館中可以感受到不同畫面切割的海景,并且因為建筑被埋在沙子中,冬夏的溫度得到很好的調(diào)節(jié),使得建筑非常節(jié)能,保證了建筑的可持續(xù)性,而巧妙的天窗開口,更是為美術(shù)館提供全天候的自然采光。

△ 內(nèi)部開口設(shè)計,保證了采光和觀賞性 | ©?OPEN ARCHITECTURE

李虎是一位「詩意」的設(shè)計師,在他的作品中,可以處處體現(xiàn)人、自然與建筑之間的和睦相處,建筑不再是冰冷的存在,他可以被感知被「融入」,這是他對自然的敬畏,也是對「謙卑」最好的詮釋。

不論是小山薰堂對于使人感到幸福驚喜的策劃術(shù),還是李虎對于現(xiàn)代建筑的思考和態(tài)度,他們都考慮到人和社會、自然的關(guān)系,正如小山薰堂在最后分享的一張他在紐約街頭拍到的一個流浪漢在地上貼的「I LIKE SURPRISES」。人們都喜歡驚喜和快樂,這是能讓人感到幸福的東西,他們讓策劃不再是按部就班的一套流程,建筑也不再是一棟冰冷的建筑,他們有溫度、有情感,都可以使得所接觸到的人感到幸福和快樂,引發(fā)人們對于人與社會、自然的思考。他們應(yīng)該是這個時代,一個合格設(shè)計師的標(biāo)準(zhǔn)和榜樣。

藍(lán)藍(lán)設(shè)計www.kadanni.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計  ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制  用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

淺談高質(zhì)量的Banner設(shè)計

濤濤

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

想要設(shè)計出高質(zhì)量的banner,首先你得了解什么是banner?

banner是網(wǎng)絡(luò)廣告中最常見的廣告形式。一般也被人們稱之為網(wǎng)幅廣告、旗幟廣告、橫幅廣告以及大標(biāo)題廣告等等,它可以是靜態(tài)的圖形,也可以是動畫的圖像。其作用就是為了體現(xiàn)產(chǎn)品的中心意旨,利用鮮明的內(nèi)容去表達(dá)最主要的情感思想, 從而給整個產(chǎn)品起到宣傳的效果!

在如今炙手可熱的互聯(lián)網(wǎng)領(lǐng)域,banner被廣泛運用在各個不同類型的互聯(lián)網(wǎng)平臺間,例如網(wǎng)頁設(shè)計,APP設(shè)計中都經(jīng)常會使用banner這一載體來展現(xiàn)商家的活動以及的產(chǎn)品等等,因此banner在如今的互聯(lián)網(wǎng)行業(yè)里越來越被很多的公司重視,對設(shè)計的要求也就越來越高,那么初入行的設(shè)計師該如何設(shè)計出高質(zhì)量的banner呢?

一.首先了解你的banner設(shè)計需求

1.確定banner文案的內(nèi)容,以及將會涉及到的設(shè)計素材、包括準(zhǔn)備投放在什么平臺以及它的尺寸大小,這些前期的工都是需要我們和需求方溝通確認(rèn)定奪下來的。因為這些基本的因素如果沒有被確定下來,1.會阻礙設(shè)計師的設(shè)計靈感!2.在設(shè)計的過程中也會給設(shè)計師帶來很多不確定的因素,導(dǎo)致大大增加改稿的幾率,所以前期的準(zhǔn)備工作我們一定要做好。

2.確定banner是為了實現(xiàn)什么目的而設(shè)計

例如需求方給到的信息是「秒殺」,那我們首先需要了解的就是這個秒殺活動針對的產(chǎn)品是哪一類產(chǎn)品,針對的人群又是哪些,這些不同的因素都會影響到設(shè)計的整體風(fēng)格以及使用元素的搭配。同時還需要考慮到需求方希望這個banner,它能起到什么樣的效果以及作用,是引流還是曝光新品又或者是促進(jìn)交易等等,這些需要和需求方在前期全部確定好,以免在設(shè)計的過程中走很多不必要的冤枉路。

二. 確定banner的設(shè)計風(fēng)格

在這里我們可以單獨把設(shè)計風(fēng)格理解成小說里各個人物的性格特點,不同性格特點的人物所散發(fā)出來的魅力也是不相同的。沉著,緊張,外向,陽光,憂傷等等,這些詞語代表著不同的族群,也代表著不同的情緒狀態(tài)。每一種狀態(tài)的表現(xiàn)手法肯定也是不一樣的,下面就簡單介紹幾種常見的風(fēng)格。

1.典型詞語:冷傲、時尚      

這一風(fēng)格最大的特點就是文案特別精辟。色系基本都以黑白灰為主。拍攝的素材呈現(xiàn)很高逼格的感覺。

2.典型詞語:活力、年輕 

這一風(fēng)格最大的特點就是朝氣蓬勃。整個視覺的色彩感和飽和度,純度都很高。版式的設(shè)計也非常的多樣化

3.典型詞語:素雅、安逸                                                                                           

這一風(fēng)格最大的特點就是大面積的留白。色彩以灰色以及白色系為主,多運用在一些茶品、家居,紡織棉麻用品等等。

4.典型詞語:節(jié)假、促銷

這一風(fēng)格最大的特點就是熱情洋溢,色彩大多以紅、黃、橙偏多,畫面很少有留白的空間,大多數(shù)都非常豐富飽滿,文字剛硬,有菱有角,視覺的沖擊感很強(qiáng)

5.典型詞語:萌萌噠、甜蜜

這種風(fēng)格的banner使用點綴和矢量手繪的元素相對于其他類型的banner會較多,整體色感也大多呈現(xiàn)暖色調(diào),給人一種很軟的感覺。

6.典型詞語:智能、科技

這一風(fēng)格最大的特點就是概念感和未來感特別強(qiáng)烈,整體顏色多用于藍(lán),黑色等偏冷的色系,同時光暈、金屬、線條和點等元素都是這一類型banner常用的點綴方式

三. 搭建banner的構(gòu)圖框架

確定好需求和設(shè)計風(fēng)格之后,首先要做的就是內(nèi)容確定一個大概的構(gòu)圖樣式之后再去豐富版式里的設(shè)計細(xì)節(jié)

1.左右構(gòu)圖

這種構(gòu)圖在所有banner的設(shè)計中最為常?也最易掌握,同時也最不易出錯,它分為2種形式,一種是左圖右字,另一種是右圖左字

2.左中右構(gòu)圖 

這種構(gòu)圖相比較左右構(gòu)圖形式上會更加豐富些,但是比較難把握。它也分為2種形式,一種是左圖中字右圖,另一種是左字中圖右字,有時我們想要重點突出?物,也可以把文案放在畫面兩側(cè)讓人物居中

3.上下構(gòu)圖 

這一類型的banner一般為上字下圖,雖簡潔但卻有很多的局限性

4.以?字居中的構(gòu)圖

這一類型的banner更多的是為了突出文字的內(nèi)容,多用于大促一類的banner,同時對字體的設(shè)計也非常講究,好的字體設(shè)計往往會更加發(fā)揮出這一構(gòu)圖的優(yōu)勢

5.多角度構(gòu)圖 

多角度構(gòu)圖最難把握,他屬于一個不規(guī)則的構(gòu)圖,但卻最具有設(shè)計感的層次感。這一類型的構(gòu)圖豐富的視覺感給人眼前一亮的感覺,也更容易吸引住人的眼球

四.確定配色方案

好的配?一定程度上決定了這個banner質(zhì)量的好壞,一般運色最基本的方法大致可以分為2種:

一種按照配色規(guī)則進(jìn)行配色:同色系、類似色、補(bǔ)色系。

1.同色系

同色系也稱為單色,這種色系的搭配在產(chǎn)品本身顏色比較統(tǒng)一的情況下,可以吸取產(chǎn)品上面較近的顏色,再針對產(chǎn)品特性添加一些合適產(chǎn)品調(diào)性的輔助元素,讓畫面的整體變得統(tǒng)一和協(xié)調(diào)。

2.類似色

類似色 相比較單一的顏色,它的豐富性和可變化性都比較大,在基于banner整體的主色調(diào)以后通過添加輔助的與主色相似的顏色,使整個畫面變得豐富活躍起來同時這些配色方式也相對比較好掌握一些

3.補(bǔ)色系

所謂補(bǔ)色,就是在色相環(huán)上相距180°的色相,如紅色與青色、黃色與藍(lán)色、綠色與品紅色等色組。補(bǔ)色之間的調(diào)和搭配能夠給畫面帶來華麗、跳躍、濃郁的視覺美感,然而,若補(bǔ)色以高純度、高明度、等面積搭配,會產(chǎn)生比對比色組更強(qiáng)烈的刺激感,使人無法接受。所以相對于類似色,往往我們利用補(bǔ)色做設(shè)計時會考慮補(bǔ)色之間的面積比例,純度比例,明度比例和空間間隔的比例,平衡畫面之間的視覺感!

另一種就是將畫面做反差的設(shè)計

一般我們會把素材變成黑色感的照片,在然后根據(jù)文案內(nèi)容和整體banner的氣質(zhì)選擇一個合適的顏色,已達(dá)到突出畫面視覺點的目的,讓主要的東西可以凸顯出來,保證一個視覺沖擊感。

五.字體設(shè)計

設(shè)計banner時候,千萬不要把一行文字直接放上去,這樣會使你的banner看起來特別的愚蠢,整體的視覺效果也會看上去很無趣、很僵硬。因此我們需要給不同的banner做不同的文字設(shè)計,去吸引我們的用戶。下面就教大家?guī)讉€字體設(shè)計的方法。(注意商用字體的版權(quán),這很重要)

1.選擇合適的系統(tǒng)字體

好的系統(tǒng)字體有時候也可以讓banner更具有觀賞性,但前提是字體的氣質(zhì)必須和banner的整體視覺氣質(zhì)統(tǒng)一,例如素雅、安逸的banner風(fēng)格就不適合用粗獷硬朗的字體,而宋體和細(xì)黑體這一類字體則表達(dá)了文藝、品質(zhì)的氣質(zhì)。

2.文字排列的傾斜與斜切

有時候設(shè)計banner,需要更有視覺沖擊力的表現(xiàn)方式,我們可以嘗試將文字進(jìn)行傾斜或斜切透視等處理,因為普通的文字排列形式有時候過于平穩(wěn),過于有矩,反而凸顯不出來整個banner的動感和層次感。

3.在相對獨立的區(qū)域中表現(xiàn)文字

在背景顏色比較復(fù)雜,或者背景有較多產(chǎn)品需要呈現(xiàn)的時候,我們可以嘗試將文字放在一個相對獨立的區(qū)域或色塊中,這樣更便于文字閱讀,也可以突出主題內(nèi)容。

4.字體變形的魅力設(shè)計banner的時候,設(shè)計師經(jīng)常用到文字變形,將原有的系統(tǒng)字體進(jìn)行2次加工設(shè)計出一種新的字體。這種變形的手法可以大大提升文字的視覺性和趣味性,讓整個畫面的氣氛被烘托得相得益彰。

5.中國風(fēng)文字

有時候我們設(shè)計一些歷史文化題材的banner,或者中國傳統(tǒng)節(jié)日的banner,經(jīng)常會用到一些中國風(fēng)的元素,例如毛筆字、粉筆字、鋼筆字,書法字等,而這些元素我們也可以把它運用在banner的設(shè)計當(dāng)中,讓banner的特性感更加的明顯

六.畫面內(nèi)元素的點綴

點綴的元素常見于點、線、面或者一些手繪矢量元素,在確定基本成形的banner后適當(dāng)?shù)募尤脒@種出彩的小元素會讓畫面的設(shè)計細(xì)節(jié)感和層次感更加豐富,可以提升整個畫面一定程度上的品質(zhì)感和細(xì)膩入微的美

備注(本分享中所有的圖只用作于文字說明,不產(chǎn)生任何商業(yè)用途)

藍(lán)藍(lán)設(shè)計www.kadanni.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計  cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計  圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

設(shè)計思維是一種解決問題的方法,運用同理心,橫向思考,做原型,講故事,

藍(lán)藍(lán)設(shè)計的小編

編輯:藍(lán)藍(lán)


設(shè)計思維是一種解決問題的方法,運用同理心,橫向思考,做原型,講故事,令人信服地澄清洞見。


2004年,斯坦福大學(xué)機(jī)械工程系的教授戴維·凱利(DavidKelley)創(chuàng)辦了D.School(斯坦福大學(xué)哈索普萊特納設(shè)計學(xué)院),并在D.School教授關(guān)于設(shè)計方法論的課程,他也是世界最著名的創(chuàng)業(yè)設(shè)計與咨詢公司IDEO的創(chuàng)始人。

什么是設(shè)計思維?

設(shè)計思維需要將人放回故事的中心。要學(xué)會將人放在首位,這就是設(shè)計思維的核心精神:以人為本的設(shè)計,也叫做以用戶為中心的設(shè)計(User-Centered Design)。設(shè)計思維,就是一套以人為本的解決問題的方法論。解決問題,要從人的需求出發(fā),多角度地尋求創(chuàng)新解決方案,并創(chuàng)造更多的可能性。

在“設(shè)計思維”在被不同的學(xué)者提出之后,IDEO是第一家將設(shè)計思維應(yīng)用于商業(yè)問題的解決之中。

D.School將設(shè)計思維分成五大步驟:“Empathy同理心思考”、“Define需求定義”、“Ideate創(chuàng)意構(gòu)思”、“Prototype原型實現(xiàn)”、“Test實際測試”,

接下來,就讓我們了解一下如何實施設(shè)計思維的五步驟!

1同理心思考(Empathy)

同理心思考,就是要獲得對你試圖解決的問題的共鳴。簡單來說,就是換位思考。比如你希望改善學(xué)校的教室環(huán)境,那么,你就可以像學(xué)生一樣,坐在課桌后面上一整天的課?;蛘?,你希望學(xué)生們來解決班級紀(jì)律的問題,你可以讓一位學(xué)生來做一天的老師。這個步驟的目標(biāo)是深入解讀用戶,收集大量信息。

2需求定義 (Define)

在收集到的調(diào)查信息基礎(chǔ)上,我們需要更的定義需求。像“讓學(xué)生的成績更好”,這就不是一個的需求定義。而“提升學(xué)生在自習(xí)時間的專注力”,則是更精準(zhǔn)的,入手點明確的需求定義。只有精準(zhǔn)定義需求,我們才能開始入手解決問題!

3創(chuàng)意構(gòu)思(Ideate)

這個步驟可以看做是頭腦風(fēng)暴的階段。圍繞上一步定義的需求,我們可以跳出局限,打破慣性思維,天馬行空的提出各種各樣的點子。不要一定要想到好點子,而是要在一百個點子里選出最好的。

4原型實現(xiàn)(Prototype)

這個步驟是要做出可以是粗糙、簡單的產(chǎn)品或產(chǎn)品中的特定功能的原始模型,用于測試上一階段提出的解決方案。原型可以是一個具體的產(chǎn)品的模型,也可以是一個小規(guī)模的環(huán)境或過程的簡單模擬。

5實際測試 (Test)

這個階段,我們會使用實現(xiàn)的產(chǎn)品原型,或模擬環(huán)境來嚴(yán)格測試問題是否得到解決,需求是否得到滿足。這個階段非常重要,一些想法可能會在這個過程中被重新定義,甚至,發(fā)現(xiàn)新的問題。

以上,就是實施設(shè)計思維的五大步驟。

第6步:重復(fù)以上步驟進(jìn)行迭代 

反饋——原型——測試——反饋——原型.......


很多時候團(tuán)隊都是在缺乏對于真實目的和需求認(rèn)識清楚的基礎(chǔ)上被迫做一些徹底改造,怎么做?

藍(lán)藍(lán)設(shè)計的小編

編輯:藍(lán)藍(lán)

戰(zhàn)略設(shè)計中的一部分,是需要對自己和他人開誠布公,讓大家清楚你真正想要從一項創(chuàng)新活動中尋求什么。很多時候,團(tuán)隊都是在缺乏對于真實的目的和需求認(rèn)知清楚的基礎(chǔ)上被迫使做一些徹底改造或是重新想象的事情。


需要探素的問題可能包括:


我們想要的解決方案的本質(zhì)是什么?

破壞性創(chuàng)新還是漸進(jìn)式創(chuàng)新?我需要很明確這點嗎?

我們是昨天需要還是明天需要?

我是否為我正投入做的挑戰(zhàn)耗費了合適的資源?


破壞性創(chuàng)新是一些新的、之前沒有過的體驗,而漸進(jìn)式創(chuàng)新是在現(xiàn)有的給人們來的利益點的基礎(chǔ)上做的一些新的、改進(jìn)式創(chuàng)新。當(dāng)然,我們每大都在連續(xù)不斷地努力、改善我們提供的產(chǎn)品和服務(wù)。無論是哪一種創(chuàng)新変革,在不同的時間范時都有對它的需求。你希望哪種創(chuàng)新變革,以及你能花在上面的時間,都會影響到你如何實現(xiàn)創(chuàng)新。


變化的類型 :短期、中期、長期

破壞性創(chuàng)新、漸進(jìn)式創(chuàng)新、持續(xù)改進(jìn)



舉個例子,假設(shè)一個領(lǐng)導(dǎo)者確實想要“盡快”做出破壞性創(chuàng)新,那么關(guān)鍵是就把它盡快培育起來并推向市場,與所需要的資源、人力和資金的需求展開一番對話。這個簡單的對話對于構(gòu)建你的戰(zhàn)略邊界是很重要的。沒有它,你可能會在一些不必要的努力上浪費時間。時機(jī)很重要,不要等到太完美。

或許它不是人們想要放在首位的對話,但是從領(lǐng)導(dǎo)力的角度,確實最為重要的,也是會贏得參與挑戰(zhàn)的團(tuán)隊成員的高度贊賞的。



極端用戶:一個能夠帶來啟發(fā)的設(shè)計目標(biāo)

藍(lán)藍(lán)設(shè)計的小編

藍(lán)藍(lán)編輯


你可能會認(rèn)為,要建立同理心,最可靠的辦法就是選一些人,看看誰是屬于“常態(tài)”用戶,或典型用戶,

這在做戰(zhàn)略設(shè)計時其實是會帶來麻煩的,因為典型用戶很少能讓我們了解到我們不知道的東西,我們需要的是異常值,極端的使用者和非使用者,從這兩類人身上是可以獲得的,我在把極端用戶作為我們的靈感設(shè)計目標(biāo),在創(chuàng)新工作中,對極端問題做同理心是比對處于舒適地帶的典型用戶做同理心更富有成效的。

當(dāng)你同理心的時候,如果可以走出你的舒適區(qū),你會學(xué)到更多。


一且你投入做極端用戶,并從他人的視角去思考這個世界,很重要的一點是要深入去做,而不僅僅是
在表面上聽他們說什么和看他們做什么。

全身心投入進(jìn)去,捕捉到一些微妙的信號,都可以幫助我們解讀他們的肢體語言和情緒,真正理解到他們的想法和感受。我們是天然能夠做到這一點的,因為神經(jīng)學(xué)的研究發(fā)現(xiàn),我們大腦里有“鏡像神經(jīng)元”,能夠賦子我們同理心的能力。


當(dāng)我們專注于某個人的時候,我們能夠確確實實地在大腦中感覺到他們的受。通過專注的觀察,我們可以知道他們在做什么以及他們的感受是怎樣的。然后,我們就可以超越事實和數(shù)據(jù),清晰地將他們的想法和感受描述出來,用草圖的方式可以有效地把它們可視化呈現(xiàn)出來。


很重要的一點是,在早期的探索階段,你是專注在清晰地定義一個極端用戶個體,而不是一個用戶角色的總結(jié)。你希望他們獨特和的地方能夠被挖掘出來,幫助你看到機(jī)會。他們不是具有典型代表性的,但是卻非常能給人以啟發(fā)。


陌生人的眼睛---- 從陌生人的視角來考慮問題的方法

藍(lán)藍(lán)設(shè)計的小編

編輯:藍(lán)藍(lán)


陌生人的眼睛

它是指試從陌生人的視角來考慮問題的方法,這樣你就能看到一些可能的事實。

與此相似,我認(rèn)為請一些系統(tǒng)之外的人也是有幫助的,他們對干我們在做的排戰(zhàn)是陌生的,可以提供一些他們看待此事

的想法。

去找一些與商業(yè)結(jié)果不相關(guān)或?qū)@個商業(yè)不熟悉的人,可能會很受啟發(fā)。這些人擁有新鮮的,天真的視角,看問題的角度會跟你不同,他們或許會提出一些很好的問題。

和系統(tǒng)之外的人喝杯咖啡或聊天,或許可以打開你的思維,看到機(jī)會在哪里。有時候,去找一些平時經(jīng)常反駁你觀點的人,聽聽他們?nèi)绾卧u估這個局勢,也是很有幫助的。

我知道你能夠貢獻(xiàn)很有價值的東西,但同樣重要的是你要認(rèn)識到你可能還需要學(xué)習(xí)一些有價值的東西。開放心態(tài),聽取一些和你的視魚不同的觀點,會幫助你找到事情的核心。

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.kadanni.com.cn

存檔