如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
按鈕在UI設計中是一種常用的UI控件，在界面中作為主要的行動點，引導用戶進行相應的操作，它在用戶和產品的交互中承擔著重要的作用。
按鈕設計看似簡單，但是如果想要更好的交互體驗，引導用戶進行相應的操作，提升產品的轉化率這仍是我們需要研究的問題。下面小編將從按鈕功能類型和設計要點兩個方面進行分析。
一、按鈕功能類型
按鈕的功能類型往往決定了一個按鈕的設計方式，是需要強調還是需要弱化；文案是需要強引導，還是直接闡述功能；按鈕上是放圖標還是不放圖標等。按鈕根據功能的不同，可以分為不同的類型，主要有行為召喚按鈕、表格按鈕、標簽按鈕、命令按鈕、懸浮按鈕、開關按鈕這六大類型。
1.行為召喚按鈕
行為召喚（CTA）按鈕其目的是誘使用戶采取某些操作， 從而提高產品的轉行率。簡單來說就是通過設計誘導或激勵用戶點擊按鈕，例如立即購買、訂閱關注、利益誘導、文字誘導等。
1）誘導購買
當行為召喚的目的是誘導購買時，按鈕的設計不管從顏色、形狀、樣式都需要突出。讓按鈕看上去可點擊，讓用戶進來第一眼就能知道該按鈕的用途。如下圖所示：
以美團外賣為例，該按鈕的顏色采用黑黃對比、形狀采用具有親和力的圓角，在樣式上加入投影同時加入送餐員的元素，配上小紅點，能夠清晰的給用戶傳遞出可點擊部分有去結算、送餐員。另外加入價格誘導，讓你可直觀看到優惠了多少錢，促使你進一步操作。
以淘寶詳情為例，該按鈕是一個組合按鈕，由加入購物車和馬上搶以及店鋪、客服、收藏等組成，作為行為召喚按鈕我們可以明確的看到，不管從顏色、形狀、樣式都能夠讓我們快速注意到。
2）訂閱關注
當行為召喚的目的是訂閱關注時，其重要程度相比誘導購買低很多，但是在設計時我們仍然需要考慮一個問題，這個問題可直接決定該按鈕大小、樣式等，這個問題就是需要根據產品目的判斷是誘導用戶訂閱關注重要還是讓用戶閱讀內容重要。如下圖所示：
當內容重要時，按鈕的設計需要弱化處理，以優酷視頻的發現頁和星球頁為例，這兩個頁面很明顯是以內容為主的界面，在設計時直接弱化了按鈕形式，讓按鈕和整個界面相融合，但是按鈕設計的原則是讓其看上去像按鈕，因此當按鈕只是文字時可以加圖標進行引導比如優酷視頻發現頁，也可以加入弱底紋進行引導還能讓界面看上去整潔，比如優酷視頻星球頁面。
當訂閱關注重要時，按鈕的設計需要強化處理，以橘子娛樂和土豆視頻為例，橘子娛樂采用粗描邊漸變按鈕，同時加入圖標進行引導，具有較強的視覺引導作用，很容易喚起用戶的關注。土豆視頻采用黃色填充加圖標引導，在視覺上和產品內容形成強烈對比，明顯的以關注為主的界面。
3）利益誘導
當行為召喚的目的是利益誘導時，該按鈕設計根據重要程度較高，因此在設計時可以考慮顏色、形狀、加入圖標、誘導文字等設計方法。如下圖所示：
以大眾點評為例，其領獎按鈕明顯比賺積分的層級高，因此為了突出領獎按鈕采用了色塊設計的樣式，同時賺積分按鈕采用描邊設計進行弱化處理。
以騰訊doki為例，其打榜頁面沖榜的重要層級較高，因此在設計時不僅采用了色塊、加入動效圖標、同時還加入了誘導文字，讓按鈕更明顯同時誘導用戶點擊，其他去瀏覽按鈕則采用描邊樣式弱化處理。
4）文字誘導
文字誘導簡單來說就是通過文字，誘導用戶進行下一步操作，多用于空頁面、活動頁面中，因此在設計時采用簡單的色塊填充即可，如果該頁面為活動頁面也可增加漸變或投影樣式，讓按鈕更有空間感，進而突出按鈕。如下圖所示：
以得到為例，當你還沒有學習計劃時，它會對你進行提示“開始制定學習計劃”，同時其按鈕采用重要程度較高的色塊+投影的方式，誘導用戶點擊。
以大眾點評為例，當你還沒有攻略時，它會對你進行提示“我也要創建攻略”，同時其按鈕采用漸變填充的方式，誘導用戶點擊。
2.懸浮按鈕
懸按鈕浮是 Android 應用中最常見的一個控件。不過隨著Android和iOS規范的不斷融合，在iOS中也經常會看到各種各樣的懸浮按鈕。在設計上懸浮按鈕應該采用顯眼的顏色，以抓住用戶的注意力。同時它應該是積極正向的交互，比如創建、分享、探索等，同時并不是所有頁面都需要加懸浮按鈕。如下圖所示：
以UC瀏覽器為例，懸浮按鈕在訂閱頁面的右下角出現，將按鈕和界面結合很容易看出創建內容的意思，同時點擊按鈕還可呼出圖文、視頻等操作圖標。
3.標簽按鈕
標簽按鈕往往呈多個出現，多使用在二級導航或條件篩選下面；以及表單頁面作為切換條件選中。因此在設計樣式上有選中狀態和默認狀態，同時其重要程度較低，在設計時不能喧賓奪主，需要弱化處理。如下圖所示：
以支付寶為例，它主要用在投保的表單頁面，其主要目的就是一個切換條件，重要程度遠不及我要投保按鈕，因此在設計時默認用的描邊處理；選中采用淡淡的色塊。
以轉轉為例，它主要用在導航下方，其主要目的也是切換條件，用戶主要操作是看下方篩選出的內容，因此在設計時也進行弱化處理。
4.表格按鈕
表格按鈕也就是由一個白色網格加文字組成的按鈕，從視覺上看和頁面融為一體，特別不突出。因此多用在個人中心中不太重要信息或者不想讓用戶操作的退出登錄界面中。如下圖所示：
以愛奇藝為例，在我的界面中，關于我們和退出登錄都是用的表格按鈕，由于關于我們是不太重要信息，退出登錄又是不想讓用戶操作的內容，因此采用表格按鈕最為合適。
5.命令按鈕
命令按鈕也就是該按鈕具有明確的指令，多出現在彈框中，通常會有一個文字或2個文字出現的情況。其要求是文字語義要明確，盡量不要用確定、好的、要等詞匯，同時根據用戶右手操作習慣居多，因此將重要的按鈕放在右側。如下圖所示：
以京東金融為例，左圖是京東金融退出的二次確認頁面，右圖是我調整文字之后的頁面。我們說到文字需要表意明確，因此將確定換成退出后表意更加直白，降低用戶理解度。
6.開關按鈕
開關按鈕也是我們很常見的一個組件。表示兩種相互對立的狀態間的切換，多用于表示功能的開啟和關閉。當按鈕開啟后可能還會帶來其他的相應操作。開關按鈕最常見的就是手機設置中，但是也有很多APP將其用到界面中使用。如下圖所示：
以美團外賣和小豬短租為例，它們在提交訂單頁面時都采用了開關按鈕，同時在小豬短租中，當按鈕打開底部會將“您可再入住完成10天內補全信息”進行展開顯示，提示用戶去填寫。這種點擊展開的操作還可增加更多的功能相關內容。
二、按鈕設計要點
1.根據產品為按鈕選擇適合的形狀
在按鈕設計時，需要根據整個界面風格設計合適的按鈕，按鈕樣式主要有直角、小圓角、全圓角三種樣式。
直角的含義：嚴謹、力量、高端。適用于金融類、奢品類產品中，讓產品給人嚴謹安全、高端的感覺。例如寺庫。
半圓角的含義：活潑、年輕、安全。適用于兒童類、年輕化、娛樂類、購物類的產品中，提升親和力，拉近用戶的距離。例如土豆。
小圓角的含義：穩定、中性。適用于用戶跨度較大的常規類產品中，例如微信。
以寺庫、微信、土豆為例，寺庫是品類電商，因此在設計時需要提現高端，因此在按鈕設計時采用直角設計。而微信的用戶群體上到七八十歲，下到幾歲其年齡范圍廣，因此采用穩重的小圓角較為穩妥。土豆短視頻其用戶群體較為年輕活潑，因此采用全圓角較為適合。
2.使用合適的狀態
在部分界面設計中需要考慮按鈕的不同狀態的設計，從而提高用戶操作流暢度。移動端完整的系統按鈕可以分為正常狀態、按壓狀態、禁用狀態。
其中，正常狀態和加載狀態展示的是APP的主色；按壓狀態在正常態的基礎上疊加不透明度15%的黑色#000；禁用狀態是設置灰色或者將正常態設置不透明度45%，該狀態適用于提交界面中使用，比如登陸注冊、轉賬等。如下圖所示：
以京東金融為例，當未輸入轉賬金額時，按鈕禁用為灰色，當輸入金額時按鈕為正常狀態。不過隨著互聯網的發展，寬帶速度不斷的提高，按壓狀態慢慢被拋棄，他存在的意義不像以前網絡不發達的時候，點擊還需要時間反應。
3.提供恰當的反饋
當用戶點擊按鈕時，他們希望界面可以給些恰當的反饋。如果沒有任何反饋，用戶會以為系統沒有收到他們的操作，然后就會重復點擊。這種行為常常導致多個不必要的操作。如下圖所示：
以土豆短視頻為例，當點擊關注時為了避免用戶點擊沒有反應的情況，可在按鈕上添加加載狀態，當關注成功后圖標狀態改為禁用狀態，同時文字變為已關注。
總結
按鈕設計看似簡單，但是如果想要更好的交互體驗，引導用戶進行相應的操作，提升產品的轉化率這仍是我們需要研究的問題。本篇主要將從按鈕功能類型和設計要點兩個方面進行歸納總結。
按鈕功能類型：主要有行為召喚按鈕、表格按鈕、標簽按鈕、命令按鈕、懸浮按鈕、開關按鈕這六大類型。在使用我們需要根據對應的功能和重要程度選擇適合的設計。
按鈕設計要點：主要有根據產品為按鈕選擇適合的形狀；使用適合的狀態；提供恰當的反饋這三大注意要點。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
什么是信息架構？怎么理解用戶體驗五要素？本文用大量的案例和插圖幫你輕松掌握這個基礎知識。今天想要跟大家聊一聊關于 UX 和 IA 的話題。其實在寫今天這次分享的題目的時候我修改了很多次，為什么會修改很多次？這要從我在 medium 看的一篇文章說起，這篇文章的標題是《6 Tips How to Apply Information Architecture in UX Design》，翻譯過來的意思是在用戶體驗設計中如何建立信息架構的6點建議。
當時讀完文章，雖然覺得文章里講的一些散碎的概念迷迷糊糊可以理解，但這些概念就像蓋房子的磚塊一樣，我完全不知道這些磚塊該怎樣才能蓋成一棟大樓，或者我就站在樓下而因為自己視野有限完全不知道這棟大樓到底長什么樣子，所以因為這個原因我一直苦惱于該如何去清晰的表達想要分享的內容，思來想去決定這次分享不能僅僅是我對某篇文章的翻譯，想要弄清楚這篇文章到底在講什么，先要弄明白文章里的知識，當我們了解清楚了這些信息之后再來理解這篇文章就會輕松容易得多，下面就將我總結出來的內容分享給大家。
UX 即 user experience，譯為用戶體驗。
IA 即 information architecture，譯為信息架構。
他們的關系可以簡單理解為良好的信息架構是用戶體驗的基礎。
我們平時聽到了太多關于用戶體驗的東西，大家都以為用戶體驗就跟交互設計差不多。我之前確實也是這么理解的，但是最近發現我的這個想法是有些過于片面了。
我們可以把用戶體驗的工作分解成五個組成要素，分別為戰略層、范圍層、結構層、框架層、表現層。
它們都是自下而上起作用的，每一個層面都是根據它下面的那個層面來決定的，所以表現層由框架層來決定，框架層則建立在結構層的基礎上，結構層的設計基于范圍層，范圍層是根據戰略層來制定的。每一個層面的決定都會影響到它之上層面的可用選項，信息架構只是用戶體驗結構層的一部分而已。
IA 即 information architecture，解釋出來就是合理的組織信息的展現形式。
主要任務是為信息與用戶認知之間搭建一座暢通的橋梁，是信息直觀表達的載體，通俗點說就是信息架構不僅僅是設計信息的組織結構，還需要研究信息的表達和傳遞。
這么說也許還有些抽象，舉個簡單易懂的例子：
我們來看這個商場的平面解析圖，通過這個圖我們可以很清楚的了解商場的結構，從而快速定位自己的位置還能順利找到自己想要購買的產品。信息架構對于一款產品來說就相當于商場的平面解析圖，就像現在我們看到的這幅圖一樣，商場的每一層都有相對應的分類區塊來指導消費者。試想如果一個商場沒有對商品進行有序的分類，那么我們在逛商場的時候就很難順利挑選出自己所需要的商品，面對各種無序且數量繁多的商品我們一定會崩潰，這樣的情況對于男士來說絕對是場災難，但對于女性來說也許會是一個充滿未知探索的挑選過程吧。
但不管怎么說在這里設計師需要做的就是規劃好這些樓層信息層級，主要做的工作就是：分類、層級梳理等。簡單的說就是規劃好每一層有什么商品，同一層商品怎么分布等等信息。
所以在互聯網產品設計中：設計師梳理信息架構，其實和剛才說的梳理商場樓層架構的概念是差不多的。
一個好的信息架構一定是會滿足兩個維度的需求，即用戶需求和產品目標。
從用戶的角度出發它可以讓用戶在一定的信息規劃下更容易找到自己想要的「東西」。
從產品目標角度來看它能通過「信息架構設計」去教育、說服、通知用戶。
所以用最簡單的兩個字來說其實信息架構就是在做分類。
再回到剛才那個例子想一想，把商場里的商品分類其實對于我們產品而言就是在給我們產品中的信息分類，以方便用戶能更好的使用我們的產品，而不會想要把產品卸載，從而使產品達到易用好用想用的目的。就跟我們逛商場一樣，當我們能夠根據指示順利買到自己所需的商品的時候我們就不會因為找不到我們想買的商品而失望的離開商場。
那么問題來了，我們該如何進行信息架構分類呢？也就是信息架構的分類方法是什么呢？
這里給大家介紹2種方法，從「產品目標」出發我們可以采用「從上到下」的分類方法；從「內容和功能需求分析」出發就可以用「從下到上」的方法進行分類。下面來跟大家分享一下這兩種方法的具體做法。
剛才說了從上到下是以產品目標即戰略層出發的分類方法，所以最開始就是先從最廣泛的、可能滿足決策目標的內容與功能開始進行分類，然后再按邏輯細分出次級分類，這樣的「主要分類」和「次級分類」就構成了「一個個空槽」，將想要的內容和功能按順序一一填入即可。
我們以微信為例：首先根據產品目標將「主要分類」即一級架構分為「最近會話（微信）」、「通訊錄」、「發現」和「我」；然后再進行「次級分類」分類，比如「發現」下再分「朋友圈」、「掃一掃」、「搖一搖」等等；最后將相應的功能（如朋友圈feeds、發朋友圈、朋友圈消息等）填入到相應的「朋友圈」分類中。
這樣就像是先有了大概的框架我們再根據這些框架往上面加東西的感覺是一樣的。
接下來我們再來說一說從下到上的方法：
剛才說了從下到上是由范圍層驅動從產品的功能和內容層面出發的，所以我們就要先把已有的所有內容，放在層級分類中，然后再將他們分別歸屬到較高一級的類別。這種分類方法其實就是在做「歸類」。
其實從下到上的信息架構方法也包括了主要分類和次級分類，但它是根據對內容和功能需求的分析而來的。先從已有的資料開始，我們把這些資料統統放到級別的分類中，然后再將它們分別歸屬到較高一級的類別，從而逐漸構建出能反應我們的產品目標和用戶需求的結構。
具體工作中我們可以將所有的功能點用一張張卡片寫下來，然后讓目標用戶參與到信息分類中，并反饋相關分類標準作為我們產品設計師去梳理信息架構的參考。實踐過程中，更需要設計師或者產品經理本身有一定的信息篩選、梳理、分類的能力，進一步通過用戶測試去檢驗分類的信息傳達有效性。
其實就好像我們日常生活中收納衣服，我們會根據不同標準去收納，比如我們可以根據季節分類，也可以根據顏色分類，或者是根據款式分類，每個人都會有不同的分類習慣，所以這里歸結到工作中才會讓目標用戶參與到信息分類中，畢竟我們的產品是服務于用戶，所以還原用戶使用習慣和使用心理也是我們同樣要注意到的，這樣可以給我們提供一些有效的分類信息幫助我們更好的做出清楚的信息架構。
當然這兩種方法都有一定的局限，從上到下的架構方法有時可能導致內容的重要細節被忽略，而從下到上的方法則可能導致架構過于的反應了現有的內容，因此不能靈活地容納未來內容的變動或增加，所以在實際運用中是需要我們將這兩種方式結合起來靈活運用。
這兩種方法雖然有不同的視角但其實最終目的都是讓我們的產品易用好用最終達到想用的目的，所以讓這兩種方法對接、交匯、融合之后得出的結果才應該是我們理想中的產品信息架構。
剛才提到用戶體驗的5個層級是自下而上對其上面一層起作用的，信息架構位于用戶體驗要素第3層結構層，剛才說了結構層的設計基于范圍層之上，所以這里遇到的影響因素我們還要返回到范圍層面去尋找，范圍層又包含兩個維度，功能和內容，在從范圍層到結構層這個過程中我們會遇到很多影響因素，所以把這些影響因素總結起來我們還是要從用戶層面（內容）和產品層面（功能）兩個維度來理解。
從用戶的角度出發，理解能力、操作習慣、目標內容使用頻率等等這些都會成為影響因素。
從產品角度來看，產品的核心價值、主線功能、特色功能等才是影響信息梳理的因素。
這兩個層面當然也不是完全割裂的，在做信息架構的時候可以先從一個層面出發得出一個結論之后再用另外一個層面去驗證得到的答案，然后再不斷優化在驗證過程中遇到的問題。
不同人會有不同的分類結果，因為根據不同情況我們所需要關注的側重點會有不同，我們根據不同的影響因素會得出不同的答案。每個人都會得出不一樣的分類結果，沒有哪個結果是完全正確或者說是完全相同的，就像數學中的排列組合一樣，內容越多我們得到的結果就會越豐富，但是這些結果當然不是全都合理的，所以就需要設計師根據自己的經驗結合產品層和用戶層的需求找到合理的解決方案。我們都知道在產品設計中想要設計出來一款完美不需要迭代優化的產品幾乎是不可能的，所以我們能做的只能是結合各方面的影響因素和自己的經驗理解一直優化產品讓它接近于完美的狀態。
現在我們來思考一個問題：為什么微信朋友圈這么高密度使用的功能要放到二級菜單呢？
微信的創始人張小龍是這樣解釋的：
保持主干清晰，枝干適度。產品的主要功能架構是產品的骨骼，它應該盡量保持簡單、明了，不可以輕易變更，讓用戶無所適從。次要功能豐富主干，不可以喧賓奪主，盡量隱藏起來，而不要放在一級頁面。
舉這個簡單的小例子供大家了解信息架構這個概念，體會一下如何用一個更全面更發展的眼光去看待產品結構這個抽象的問題。
要在 UX 中建立良好的 IA 我們需要特別注意的5個關鍵點：
所以我們繞了一大圈來看，在 UX 中建立良好的 IA 的5個關鍵點其實最后還是回歸到了用戶體驗的5個要素。再回到剛開始分享提到的那句話，從上到下表現層是由框架層來決定，框架層建立在結構層基礎之上，結構層基于范圍層，范圍層根據戰略層制定。這里每一個層面都是根據它下面的那個層面來決定的，相當于把用戶體驗要素每一層需要做的事情從另一個維度又解釋了一遍。
當然這里要注意一點，這些層級都不是完全割裂的，如果你要求每個層面的工作在下一個層面可以開始之前完成，那樣一定會導致你和你的用戶都不滿意的結果，而相反的，應該規劃好你的項目，讓任何一個層面中的工作都不能在其下層面的工作完成之前結束。這里最重要的一條是，在我們知道基本形狀之前，不能為房屋加上房頂。 不管我們是在這5個層級的哪一層，我們不能忘記的就是要把這些連成一個整體去理解，他們一定是相輔相成互相影響的。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
蘇格蘭有了第一座設計博物館，你永遠不知道建筑和室內設計的邊與限在哪里，它只有用不完的靈感之泉，和看不盡的精彩設計。建筑位于蘇格蘭東北海岸線上的懸崖，地理位置不平凡，它如何能平凡呢？
博物館外的材質是預制混凝土，它沿著起伏的混凝土墻延伸，像千萬年前的高山被慢慢風化，形成一種自然形狀，曾踏上高山環云游九天，曾在無數飄渺的歲月里看世間。當太陽經過的時候，奇妙的光影效果產生，它是建筑與自然的聯系。再看看室內的設計，大廳和樓梯的地板使用愛爾蘭藍石灰巖，數百萬年前的海洋動植物化石藏在其中，寓意室外那片水。白色混凝土則是像瀕臨滅絕的淡水珍珠蚌致敬，混凝土里有不少貝殼，二樓和畫廊內的地板材質選用產自歐洲的橡木，餐廳和野餐屋的地板和墻面材質是用的竹子，自然的聲音在這里每天奏響。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
好看的鎖骨千篇一律，
有趣的肚腩duang來duang去。
11月22日，
那一天，是西方的感恩節，
那一天，也是中國的小雪。
歪果仁感恩上帝的厚德與恩賜，
…
我只想感謝我身上的秋膘…
它，比秋褲更便利；
它，比暖寶更親膩；
它，比集體供暖更懂你；
它，比炭盆燒炕來的更容易。
感謝久坐，感謝外賣，感謝秋膘，
讓盡情放浪在暖冬的我，肥而不膩。
創意周報 – 2018年11月第3周
一周熱銷圖片TOP5
NO.5 圖片ID：678491803（點擊查看圖片）
感恩節將近。
這張垂直視角的感恩節餐桌照片中，
果蔬與肉類食物顏色搭配鮮艷，
木質桌面紋路不搶眼。
很適合作為網頁大圖、banner、
移動端開屏背景和海報背景等用途使用。
NO.4 圖片ID：735764617（點擊查看圖片）
在國內絕大多數人更熟識雙十一，
但“黑色星期五”才是世界范圍內的購物狂歡節。
在國內的權重雖然不及雙十一，
但是黑五的影響力依舊不可小覷。
NO.3 圖片ID：1076345054（點擊查看圖片）
這張智能場景矢量圖在8月時曾經上榜一次。
可愛、生動的形象和冷靜、嚴謹的冷色調是讓這張圖片
從眾多固有風格的科技主題畫面中脫穎而出的重要原因。
NO.2 圖片ID：1071512777（點擊查看圖片）
這張3D霓虹場景利用簡單的幾何結構搭建亮部背景，
前景空間的留白倒影也為畫面增加了立體感和質感。
是一張通用型很強的背景圖。
NO.1 圖片ID：1092261245（點擊查看圖片）
經典的紅、金配色，剪紙風格設計。
中國傳統的窗框輪廓，左右對稱的排版。
可見該作者對于傳統題材的理解和用心。
一周熱銷題材TOP5
NO.5 健身（點擊查看該題材）
進入秋冬之后，健身題材屢次上榜。
除了有氧運動的內容以外，力量訓練內容增加明顯。
不論男女對身體線條的追求越來越以歐美為目標。
NO.4 城市（點擊查看該題材）
從后臺數據來看城市題材攝影畫面在上周的熱銷，
主要是互聯網公司的采購為主。
在互聯網企業不斷發展的過程中，
以城市為核心、為載體的成長方式需要更多的城市影像
來傳遞各類品牌理念、產品訴求等信息。
NO.3 圣誕（點擊查看該題材）
圣誕題材毫無懸念入榜，
小編目測未來幾周內圣誕題材會一直榜上有名。
圣誕裝飾主題的照片在上周比較搶眼。
NO.2 科技（點擊查看該題材）
本次熱銷的科技題材中，以太空科技畫面為主。
太空技術不但是各國國力競爭的重點項目，
也承載了人類不斷探索和追求超越的夢想。
NO.1 金融（點擊查看該題材）
雙十一之后，人們結束了購物狂歡。
把視線集中在了各種銷售行為背后的商業邏輯上。
中產階級也更關心各種商業頂層的內容。
金融題材內容作為嚴肅話題一直處在討論熱點。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
大家平時在畫素描的時候經常會遇到顏色深不下去、顏色對比不強烈等問題。畫面的顏色總是顯得很灰，體現不出立體的效果。不管多使勁顏色就是重不下去，有時把紙都涂破了，依然沒有效果。這到底是為什么了？究竟如何才能把顏色重下去了?接下來我們就一探究竟吧~
什么樣的畫面是偏灰、偏臟的畫面呢?
畫面中這種暗部不暗，亮部不亮，顏色處于一個區別不大的狀態，畫面就會顯得灰；而亮面上色的時候筆觸太粗，灰面顏色磨得太多，整個亮部區域顏色就會顯得很臟。
這些問題之所以出現，是因為大家沒有將畫面的“黑、白、灰”表達清楚。
要在白紙上畫出立體的圖形，需要我們加強明暗之間的顏色對比；通過強烈的光影營造立體的視覺效果。而快速表現出大的黑白灰關系是我們塑造的關鍵：
首先，我們找到所畫物體自身顏色最深的地方。用軟一點的鉛筆（8B、12B）排上調子，依次過渡灰面，留出并輕輕刻畫亮部，加上投影和背景。讓畫面先有一個基本的黑白灰，確定出最黑的地方，灰面的位置以及高光的分布。
然后，在這個基礎上我們找到物體的明暗交接線。
先從明暗交界線開始加深顏色并往暗部邊緣逐漸的過渡，運筆排線的力度越來越輕，讓暗部形成一個有深淺顏色變化的面。靠近明暗交界線的地方顏色就重一點，靠近投影的地方顏色就淺一點，然后通過壓深投影的顏色，襯托暗部的反光，讓這個暗部顏色更加透氣。
再回到明暗交界線，往亮部方向用4B、2B將顏色逐漸過渡，畫出灰面來，但物體的灰面不宜畫得過多，一多畫面就膩了；灰面塑造的標準就是顏色一定要比暗部淺，灰面顏色如果加深那暗部的顏色也要同時加深，始終要保持這兩個面的顏色區別。
接下來，就是對比一下整個暗部區域和背景顏色的深淺程度。如果暗部的顏色比背景深就將暗部邊緣的顏色壓重一點點，如果背景的顏色更深，那么就像畫投影一樣，沿著物體的暗部邊緣疊色，加深背景的顏色；不管哪一種情況都要將暗部和背景的顏色區分開。
最后，我們有稍微硬一點的鉛筆（如2H、HB）排線將亮部表現一下，主要是將高光收攏，除了不銹鋼和玻璃其他物體都是越靠近高光用的鉛筆越硬（HB、2H、4H），亮部刻畫時排線一定要細膩，可以刻意排幾組特別精準的線條加強物體的質感，這樣高光和亮部會顯得更白，從而就會襯得暗部的顏色更黑更深。
完成的物體黑白灰的塑造之后，最后看一看整個物體各邊線與背景顏色的深淺對比，還是通過加強區部的顏色對比，完善畫面整體的明暗對比。
總而言之，暗部的黑并不是獨立存在，是因為周邊的顏色都比它淺，于是乎，它就深了下去，如果與周圍的顏色區分不開，那即使將紙張揉破顏色依舊難深下去。所以，暗部疊色就是一邊畫一邊比較，不停的調整，才能始終確保暗部能重下去。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
文化時光機 1868-1988，以復古文化為概念，與大家分享一些系列的老式設計、品牌
編輯丨姚澤斌
校對丨BranD編輯部
不知道從什么時候開始，有了“復古風”這一說法，到處可以發現復古的衣服、家具、產品、建筑，很多舊的風格已經重新流行起來了。
BranD No.40期：文化時光機 1868-1988，以復古文化為概念，與大家分享一些系列的老式設計、品牌，為此我們提了三個問題來講述這一期：
為什么要選用相機作為封面？
選用了一款復古相機作為BranD No.40期的封面，主要是因為我們覺得相機是極具代表性的一款能夠記錄時光的媒介，這一期的主題：文化時光機 1868-1988，因為一款復古相機本身具備著悠長的歷史之余，它還承載著歷史的變遷、人文的變化以及文明的發展。
為了繼續從封面上擴散復古理念，利用照相機來提高整個封面的互動性和趣味性，設計師以“拍立得”為設計靈感，在已經設計好的封面基礎上，做出了一些大膽的嘗試。
最終成型的BranD No.40期的封面是這樣的，遠看只是一款復古的拍立得相機，但是當你接觸到封面時，你會發現在相機底部是可以隨意抽取出一張老照片來。
ps：每一本只贈送一張復古老相片。
這一期用什么內容記錄舊時光？
或許是因為流行本身就是一個循環的過程，一些復古的潮流，很容易在沉寂了多年以后，又會開始流行起來，又或許人們本身就是很迷戀過去的美好。
有時候真的會捫心自問，為了迎合市場而進行的“偽”復古是否值得我們去推崇，這個問題我們先不必去討論。
與其強行模仿復古的設計風格，不如跟隨本期BranD新刊：文化時光機 1868-1988，去認識一下那些記錄舊時光的美好物品。來看一下那時候的設計，到底值不值得讓我們去把它再次流行起來。本期一共分為六大專題來記錄那份美好的舊時光，那些經典的設計、古老的品牌，讓您停留在每一個瞬間：
①
奇跡 ? 漫威
“復仇者聯盟”這個英雄系列第一次出現是在1963年的漫威漫畫《復仇者聯盟》當中，于1961年正式定名為Marvel。
這一部分將記錄著那些描繪英雄的藝術家，他們用色彩和線條構建了故事的靈魂。試著翻開來自數十年前的漫畫，感受角色最原始的模樣、最自然的色彩，這或許也是現代人除了看電影以外最美妙的生活方式之一。
②
永不褪色的復古美
可以毫不夸張地說，復古是種永不過時的格調，每一個年代的人們都有追溯往昔的情懷，復古設計也因為能勾起人們的這種情懷而受到青睞。因此，現代設計師喜歡在設計中融入復古的元素。
插畫、紙牌、海報、票據、傳單、菜單、食品或產品包裝、玩具、室內外設計，各種媒介都可以成為復古元素的載體，延續甚至更生復古風格永不褪色的魅力。
③
重塑品牌傳統
臺灣本土有很多知名傳統品牌，這些人們耳熟能詳的品牌承載了傳統的物產與豐富的文化記憶。美可特品牌企劃設計（美可特）為不少傳統品牌重塑了適應社會發展的品牌形象。
在書中美可特與讀者分享的包裝設計案例以不落俗套的現代設計手法，彰顯出臺灣在地新、舊品牌的文化內涵，燃起了人們對臺灣設計的期待與信心。
④
永恒的文化
這里涉及到了一個菜譜文化，將會給大家展示一些歷史悠久，珍貴又罕見的菜譜，早期的菜譜專供廚師使用，專業性較強，但隨著人們對飲食的要求越來越高，而其中一些實用與美觀兼具的書籍排版更是吸引了設計師和菜譜收藏家的注意。
⑤
邂逅舊時光
文具，作為舊時光的代表物品之一。幾乎是從識字開始就一直伴隨著我們，蠟筆、橡皮擦、訂書機等，直觀且鮮明地反映出時代的經濟與文化。由于二戰的爆發，《文具界》也發生了新變化，風格由鮮明變得內斂，顏色方面也變得相當獨特。舊文具背后所蘊含的意義或許可以小到顯示用戶的習慣，也可能大到反映出當時的時代背景。
⑥
上海復古插畫
2018年1月份中國上海徐匯藝術館與上海風景工作室再度攜手策展 “百年上海圖畫”， 期待通過這次展覽能帶給觀者對城市視覺文化的回憶、思考及美育的體驗，并由此引來對城市社會史、生活史的多方位的關注和研究。
展覽一共展出100件與20世紀上海有關的印刷實物：書報、雜志、樣本等，及30張海報。同時展出70件繪有插圖的日常生活用品實物，作品在時代功能映照之下的美感交織呈現了20世紀上海插畫藝術的圖像簡史。
字體有沒有復古這一說法？
從過去到現在BranD雜志談論最多的應該是字體設計了，隨著字體設計意識的提升，熱愛字體設計的人越來越多，討論的話題越來越有深度，越來越有趣味。
平野甲賀老先生的作品是極具有歷史的代表性，每當看到老先生的字體作品的時候，明明就是一副靜態的作品，卻在那一刻感受到了它的溫度。在我看來，字體是沒有復古與不復古這一說法的，但是為什么我們卻想要把平野老先生的作品放在這一期復古主題里面呢？
因為我們覺得一種字體的出現正好是代表著一個年代、一段歷史的誕生。恰好復古是一個大概念的說法，每個人追求的復古潮流都是一段歷史、一個年代的文化縮影。而平野甲賀的字體家族正好符合這樣的“復古特性?！?
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
本篇文章，我將以項目的實踐為例子，簡述設計師在面對未知的商業環境下怎樣應用「精益創業」和「設計思維」將設計與商業結合，實踐設計轉譯和推進落地。我將這次設計實踐稱為「國際化全景設計框架」探索。CCO-集團客戶體驗事業群是一個為阿里平臺商家、阿里經濟體提供售后服務能力的部門，勵志于賦能阿里電商生態圈內的售后服務體驗，提升消費者對平臺的滿意度和 NPS指標。xSpace產品是一個幫助客服人員處理消費者咨詢、投訴、維權等場景的一站式售后服務工作臺?，F已經在阿里生態圈中多個 BU 中應用，成為平臺服務中不可缺少的 CRM產品。
2017年，阿里收購東南亞電商巨頭 lazada 成為阿里商業生態的重要組成部分。CCO 作為負責經濟體售后服務體驗的部門，需要向外輸出阿里服務的價值和能力。因此，我參與的 xSpace產品海外場景孵化是其中重要的一個能力輸出。
△ 產品功能和業務覆蓋范圍
國內產品出海，都會面對一些通用問題，例如：產品設計開發都在國內；業務和真實用戶在國外接觸機會少；文化背景、時間、空間上都或多或少存在差異。
我們熟知很多設計方法，例如 lean UX，design sprint，hook model，lean canvas 等，但是如何在國際化的挑戰中尋找最合適的方法，是我在國際化產品項目中遇到的困惑。
回想項目在推進的過程中出現過的一些困難，例如：
是否有一種全面的國際產品設計和開發模式，既可以轉化產品能力又可以科學的度量海外用戶的體驗？
為了解決所面對的困惑，我嘗試將以往經驗和項目的實踐相結合，梳理了 B類產品國際化體驗設計實踐模型。
本篇文章，我將以項目的實踐為例子，簡述設計師在面對未知的商業環境下怎樣應用「精益創業」和「設計思維」將設計與商業結合，實踐設計轉譯和推進落地。我將這次設計實踐稱為「國際化全景設計框架」探索。
△ 設計思維、精益創業和敏捷開發之間的關系
根據項目不同時期的側重點，我將把整個項目的實踐拆分為3個時期進行介紹，分別是探索期、實驗期和開發期?！冈O計框架」中包含的設計方法也將圍繞不同時期的側重點進行展開。
△ 國際化設計實踐項目分期
當我們對海外場景一無所知的時候需要應用「設計思維」對目標進行分析。在項目啟動初期，由于不清晰、不確定的需求導致產品設計存在很大的阻力。面對這樣的情況，項目團隊決定直接去到客戶現場了解業務現狀。設計師需要遵循「設計思維」，通過發現問題 – 定義問題 – 解決問題的思路，幫助項目快速明確目標。
收集用戶輸入，抽象產品場景：可以從「人」和「事」兩個方面入手。
△ 設計思維在設計前期的應用
從「用戶（人）」的維度發現問題，是為了理解業務人員組織架構；明確公司內部自上而下對產品期待；以及終端用戶的核心訴求。我們主要是通過訪談和觀察法進行數據收集，確保獲得一手的資料。
△ 基于角色的前期調研
通過調研我們發現：Lazada服務團隊與服務BOP 之間的管理關系并沒有很緊密，在服務指標整體的管理上面相較于淘系平臺要求較簡單。但是也同樣存在客服流動性大，不穩定等通用問題。而一線客服在日常使用產品的過程中，則面臨系統割裂操作效率不高等問題。
從「事情（業務）」的維度發現問題可以快速理清業務流程和業務邊界。
在準備出發前，我結合國內項目對電商服務流程的理解，簡單設計了業務調研的框架和范圍。通過訪談的形式進行歸納和補充，有目的有范圍的了解業務的共性和個性。
△ Lazada商業畫布，明確業務目標和范圍
通過「人」和「事」角度的資料收集，我們可以歸納出大部分的產品使用場景。對產品使用場景的抽象理解，可以讓設計師更深入了解業務，通過對用戶的移情和以往的經驗做第一輪體驗判斷。
第一輪體驗判斷：定義問題，明確產品落地思路和節奏。
通過對訪談和觀察內容的梳理發現，目前首要解決的問題是系統遷移、信息內容和渠道擴展融合的問題。經過評估和判斷，現有產品有50%的功能可以被復用，考慮到效能成本的因素，因此就有了系統整合場景適應的概決思路。
△ MVP功能范圍拆解思路
通過以上業務方面的調研分析，接下來將進行產品執行落地階段的實驗和分析。
有了解決問題的思路，就可以根據預先判斷的方向快速產出概念原型并進行實驗。與此同時，有目的性的針對市場競品進行分級調研，可以輔助加深對產品需求設計的理解。把眾多的競品分為核心競品、重要競品和行業競品，主要針對3個核心競品進行調研：這些調研可以幫助打磨出更合理的設計策略。
△ 競品分析思路和競品分級
從調研發現，通常意義上國外的 B端產品似乎看起來相對「簡單」，這可能要歸功于他們在產品商業化推進過程中使用的策略，使得 B類產品在獲客體驗全流程表現的比較成熟。產品獲客階段的體驗感知也是我們的 B類產品在 PK 商業化產品的過程中一個重要參考。
研究競品的設計策略，可以幫助項目在之后的實踐中找到最適合的策略應用在具體的設計方案中。
△ 設計策略、設計原則總結
在這個試錯的階段，整個項目團隊需要保有「精益創業」的思維：接觸并持續地收集用戶對產品的反饋和意見，用真實聲音去驗證產品方案和設計策略與市場的貼合度，并及時調整項目方向。多給自己試錯的機會，就像「精益創業」的作者所說的：失敗是學習的先決條件。
通過前期的調研和實驗，進入開發期的項目應該已經明確了其目標，在這個階段的主要任務是根據產品和業務拆解設計目標，分解設計輸出，度量產品體驗。
拆解設計目標
需要結合產品的生命周期進行設計目標的拆解。我們項目的目標就是成功遷移產品。并且產品目前現有1.0版本已經在公司內部運營了2年，基礎功能已經覆蓋。但為了結合 Lazada 的業務場景需要更深一步的功能定制。結合現狀，設計在不同的產品階段有以下如圖所示的策略分層。
△ 根據產品周期的不同階段進行設計目標的拆解
分解設計輸出
在 MVP 功能覆蓋階段，設計輸出主要包括對設計需求的探索和轉譯。在設計轉譯的拆解思路上，我主要關注通用功能和定制功能之間的融合和落地。抽象來看，從0到1的融合轉譯過程就像是一個由大到小再變大的沙漏。
總匯產品功能→收集國際化產品需求→需求分類→建立映射→提出解決方案→評估成本→設計落地
△ 設計思路抽象
其中有一些關鍵節點需要著重把握：
△ 交互demo
度量產品體驗
作為 B類國際化產品項目，最大的痛點就是距離。設計團隊與一線用戶存在時間、空間、文化上面多種多樣的差異。而用戶的反饋則是體驗優化的重要輸入，如何在項目前期沒有數據監控的情況下度量產品體驗，是國際化設計中所普遍存在的痛點。
因此，除了常規的小范圍可用性測試，我在項目實踐過程中還嘗試應用一種適應于國際化產品的體驗度量方式——SUS（system usability scale）。SUS量表的優點在于：
用戶UAT→SUS測試準備→量表發放→量表回收分析→體驗優化提案→設計落地
△ 國際化產品SUS量表回收分析
配合產品 UAT 計劃，安排一定數量的可用性量表的投放和回收，通過計算可以獲得準確性高達95%的 SUS分數。該分數可以和行業的 benchmark進 行比對，評估出現有產品的弱項分數。這種科學的輕量且快速獲得用戶反饋的方式可幫助體驗設計師找到優化提升的方向，進行專門的走查和分析。
總結一下在遠離客戶的國際化場景中，設計師如何擁有一個全局的視角，科學的推進設計進度和度量產品體驗：
在第一階段——探索期，應該針對項目的側重點選擇科學合理的設計方法，獲取一手的產品需求輸入，抽象出產品的使用場景作為接下來研發產品的「實驗素材」。
在第二個階段——試驗期，除了對項目競品的全鏈路競對研究之外，設計師和項目團隊都需要有不怕錯的試錯精神，應用「精益創業」的流程快速驗證方案、圈定項目發展策略和思路。
在第三個階段——研發期，設計師需要突破國際化項目普遍存在的時間、空間等等限制，選擇最優的設計方法指導設計產出和度量設計方案。
以上就是我在實踐 B類國際化項目中的一些經驗總結。歡迎大家多多交流，相信在 B類產品國際化的道路中，還有非常多可以探索的課題等著我們去思考。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。
藍藍設計的小編 http://www.syprn.cn
