編者按：今年騰訊很多品牌進行了改版（QQ/騰訊云/QQ音樂等等），說出來你可能不信，盡管這30多個LOGO所處領域完全不同，但重設計卻都依照了一個思路（包括造型/質感/色彩3方面），想跟上潮流，學到方法，這篇絕對不能錯過！

飛兒：在SNG（騰訊社交網絡事業群）品牌系統語言里，LOGO系統承載品牌視覺的最核心容器，是整個品牌視覺系統的靈魂，是品牌的精神文化理念、信譽、服務等特點的濃縮表現，直接影響著社交網絡品牌的發展。本文核心剖析社交網絡產品LOGO設計系統。

銳變啟程

伴隨著我們的成長的QQ，2016年已經成功銳變。新企鵝整體造型更加銳利、修身、簡潔。企鵝的視覺角度從略帶俯視變成了平視，讓其圖形更加的幾何化。更簡潔時尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰，是整個社交網絡產品體系在一起奮進。

我們的用戶群體是年輕且最有活力的一代。品牌的內涵理念要持續提升，以保證品牌貼近市場和用戶。打造品牌語言系統，表層價值是讓社交網絡產品脫穎而出。深層價值是塑造一個專業創新的內容平臺，承載整個互聯網生活體系，反映社交網絡產品對優質設計體驗的追求。

品牌設計系統的背后是是整個社交網絡品牌生態策略。社交網絡品牌設計系統已經悄然進行，第一個重塑品牌的是騰訊云，接著騰訊企點、天天P圖、微云等陸續刷新。

編者按：一個完整 的LOGO 的設計流程是怎樣的？今天騰訊ISUX 的Amy 用「游戲應用中心」的案例，帶你學習這個過程。

1. 品牌概述

游戲應用中心是QQ空間用戶專屬的游戲平臺，、最火、最好玩的游戲一網打盡：角色扮演、模擬經營、射擊、棋牌、街機、賽車等各類游戲應有盡有。這里網羅了全平臺最全、最給力的游戲禮包，更有積分兌換頻道、各類精彩活動為玩家提供豐富給力的獎品。

2. 品牌更新目標

游戲應用中心是QQ空間下基于網頁的游戲平臺。原名“應用中心”，不僅有游戲還有其他應用，所以舊Logo有“APP”字樣。隨著app的份額減少弱化，應用中心決定把重心放在游戲的部分，因此需要重新設計品牌標志。

同時，為了讓Logo跟SNG的品牌系統保持一致。舊標志產生于SNG品牌系統建立之前，所以有些偏離了系統。

現如今，柵格已經幾乎是所有網頁設計的基礎。這些隱形的線條創造出空間的節奏感和視覺的流暢感，他們是讓網頁變得更加和諧的基礎。

但是，柵格存在的目的是幫你創造好的設計，當你開始逐漸適應柵格的存在，千萬不要被它束縛住。你并沒有必要100%地受限于柵格，偶爾打破柵格的設計可能會讓你的設計更加抓人眼球。不過，想要打破柵格又保持網頁的協調，是有技巧的，并非任何“破格”的設計都是好的。今天，我們來聊聊這個。

了解柵格系統

ake：照搬他人的模式要比創造新的東西容易。做大家都知道如何去做的事，只會使世界發生從1到N的改變，增添許多類似的東西。但是每次我們創造新事物的時候，會使世界發生從0到1的改變。—— Peter Thiel,Blake Masters《從0到1：開啟商業與未來的秘密》

微眾銀行作為國內第一家具有互聯網基因的民營銀行，正在創造新的金融模式，讓我們的世界開始發生從0到1的轉變。作為新的事物，它并不是簡單的“互聯網”與“銀行”相加，而是用互聯網的思維在金融領域進行創新。

過去的兩年，我們做了很多嘗試和探索。但創新絕不是一帆風順的事情，所以過程中的設計方法更值得記錄和分享。在項目初期，我們做了很多分析和準備，但由于時間關系，我們一直沒能好好的梳理成文?，F在微眾業務趨于成熟穩定，促使我們重新回看剛開始那段珍貴的時光，把項目初期的的精華重新記錄下來，希望對大型項目的初期搭建能有一些啟發和指引。

@C7210 ：之前發現這部 Julie Zhuo 在斯坦福大學的演講視頻，主題為“How Facebook Designer Thinks”，全長37分鐘，共分為四個主題，包括“怎樣識別問題、定義需求”、“解決真正重要的問題”、“為什么要設計新表情”以及“預先定義成功”。

雖然絕大多數的設計都遵循設計規則和用戶的使用習慣，但是標新立異的設計仍然非常有市場。獨特的設計更容易讓人難忘，這一點是毋庸置疑的。在網頁的導航欄設計上，也是如此。隨著越來越多的網頁開始采用加粗的非襯線字體置于網頁頂部作為導航，許多有想法的設計師開始有意識的打破這一規律，別出機杼，采用不一樣的導航模式。

當然，如果你的網站用戶量大，并且需要盡量降低用戶的使用門檻，遵循常規的設計更合適。如果你的網站是更加偏向實驗性的小網站，有趣而好玩的導航模式，反而更適宜于用戶探索。不同的導航模式對于網站的影響不盡相同，針對不同的內容、不同的用戶，你需要仔細挑選導航模式。

實驗性的導航并不具備泛用性，但是如果你在追求別具一格的設計，那么下面這些獨特的導航設計應該能激發你的靈感。

側邊欄導航

網易UEDC – 何巖：本文是剛入行的交互設計師結合整個實際項目實踐，嘗試探討交互設計師和產品經理、其他上下游同事之間的“共生”關系，希望幫助設計新人找到與上下游配合的一點靈感。

（工作原因，文中配圖較模糊，請見諒）

協助產品經理確定產品架構

產品經理才是最懂產品的人嗎？在項目初期，大家對產品的概念都很模糊，即使是產品經理也是通過來自各方的需求、數據和競品分析等來大致搭起框架。這個框架是否合理，框架衍生的功能流程限定在什么范圍，這些問題即使是最有經驗的產品經理也不敢保證。

交互設計師雖然是產品經理的下游，也應盡早參與策略層（Strategy）的討論，如果你的領導了解交互設計的重要性并且邀請你參加項目前期的務虛會議，你就應該珍惜機會，會前做好競品分析等準備工作，會上以交互崗位的專業視角提出建議； 如果你不夠幸運，不能參與到產品戰略決策，只是承接上游下達的交互任務的話，那么也不要只是淪為畫線框圖的工具，要發揮主觀能動性積極溝通，最終讓方案變得更好。

記得之前寫過關于標簽導航如何設計的一篇文章，大體上的介紹了幾種類型，這周正好遇到一個關于標簽導航的問題：產品經理要求在底部的導航中由原來的五個主功能增加至六個，交互設計師如何說服產品打消這個念頭？本周就這個問題我詳細說下當中的幾個要點以及延伸出來的幾個問題。

不要打破標簽導航的架構

之前說過：在項目研發階段，我們應該關注產品的主要功能，不應該偏離方向，為了其他輔助功能去改變產品的主要格局。為什么呢？

在用戶使用這款產品的過程中，他們一定是為了達到某種目的或完成某項任務而去使用它，這說明產品一定擁有解決目標用戶問題的功能。

編者按：從iOS 9改版到iOS 10之后，鎖屏頁面的音樂控件變大了，用戶體驗明顯提高。那么最佳的按鈕觸摸大小應該是多少？經過1.2億次的實驗后，這個結果被微軟/蘋果等公司采用，強烈推薦學習。

@平行煎餅 ：你可能說不出來，但你肯定知道這種感覺——當你觸摸手機應用界面而它不能正常工作時候，當你感覺你只有精細的點擊，才能出發正確的命令時，那種混合起來的沮喪和失敗感。

但是，如果你可以自己創建用戶界面，你知道如何合理避免這種情況嗎？如果你知道可以通過創建可靠的觸摸元素，來幫助您的客戶減少錯誤，使用效率更快，使用感覺更開心嗎？

這是可能的。我們來探討一下為什么。

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設計》。用戶測試對設計師的能力提升來說最好的一點是，它能一點一點讓設計師學會從用戶的視角看設計。是的，用戶視角對于設計師來說，是需要學習的。很多人以為自己也是別的產品的用戶，所以能夠想象得出，但其實并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發現。例如，設計師經常在一些用戶不關心的規則或細節上糾結太久，而對用戶真正有價值的東西，卻往往在設計中被滯后，直到產品發布都忘記加上……

結合我雖然也沒有太豐富，但每次都認真記錄的經驗，我在這里總結一下自己至今為止從用戶測試里吸取到的教訓：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設計出更好的方案，如果用戶不能一眼領悟使用方法，產品就會面臨流失用戶的風險。像iPhone這種產品之所以經常能夠推出獨創的操作形式，其實是大量的忠誠用戶所帶來的特權。用戶數量和市占比決定著該產品的設計是成為潮流的引領者，還是追隨者。