本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運用，幫你充分吸收日式網(wǎng)站的精華，讓中文網(wǎng)站的設計也變得高大上！

色彩

當我們看到小清新的網(wǎng)站的時候首先一定會想到日式網(wǎng)站。

Sarara 是一家純凈水的網(wǎng)站，所以它的網(wǎng)站主題色系為藍色系，主要由高飽藍色到低飽藍色的過度，加上明暗對比的強烈，直接了當?shù)耐怀鲂麄鞯漠a品。

之前有粉絲留言說希望我們能寫一篇關于iOS和Android平臺特性對比的文章，筆者曾經為兩個平臺分別做過差異化的設計，所以今天想借此話題為大家介紹一下iOS和Android兩個系統(tǒng)在設計方面的差異之處，讓大家能更好的理解其中的異同并運用在自己的設計當中。

作為智能手機的最大的兩個陣營，iOS和Android系統(tǒng)差異一向都是大家津津樂道的話題，其中內容通常是圍繞“機器性能好不好，打開軟件卡不卡”“攝像頭的像素高不高，拍出來的自己美不美”“外觀是不是有bigger”等話題展開的。

但在一個設計師眼里，這兩個系統(tǒng)的差異性之多可遠遠不止表面上看起來的那么簡單粗暴。但在移動端趨勢有如春草那樣蔓延開來的今天，大多數(shù)的公司都選擇把iOS的界面直接運用于Android系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代，但抹殺了系統(tǒng)特性的運用卻犧牲了許多Android用戶的用戶體驗。盡管知乎也有類似回答過兩個系統(tǒng)交互的不同，今天筆者想更著重介紹一下兩者設計語言的異同。

者按：“幫忙做個LOGO？” 很多外行不清楚一個品牌設計的過程，才會屢次提出類似的問題。這篇文章將騰訊企鵝電競的LOGO 的設計過程都寫了下來，看完漲姿勢，防甲方！

LOGO 最終效果圖

想從美工變成真正的設計師，學習設計之上的原則很重要。這篇譯文收集了全球各個最優(yōu)秀的產品設計原則，讓我們了解這些產品設計背后更高的設計指導原則。

騰訊視頻TVD：在我們進行產品設計的時，總會遇到一些很難決策的地方或者沒有頭緒的時候，例如兩個方案看上去都很不錯，究竟選使用哪個才是對的？在設計時該往哪個方向進行？

在表層設計之外，探索和制定更高層級的產品設計原則應當是需要我們努力的方向，這些設計原則能幫助產品設計保持更高的一致性。

今年元旦，AlphaGo 連續(xù)挑戰(zhàn)包括聶衛(wèi)平、柯潔、樸廷桓在內的中韓頂尖圍棋選手，三天內取得的戰(zhàn)績?yōu)榱钊苏ι嗟?60 勝 0 負。在過去一年的互聯(lián)網(wǎng)舞臺上，人工智能 （Artificial Intelligence）站在了聚光燈的中心。AlphaGo 在新年伊始， 為 2016 年打上了一個大大的驚嘆號。

本文轉載自「UX Coffee 設計咖」微信公眾號，微信內搜索「uxcoffee」

過去這一年，和 AI 相關的新聞鋪天蓋地。身為設計師的你可能會問：人工智能和我的日常工作有關嗎？我應該為此做什么準備？

• 適讀人群：擁抱未來的設計師
• 閱讀時長：約5分鐘

人工智能和設計師有關嗎？

回首過去這一年全球科技公司的大事件，「人工智能」幾乎是一個繞不開的關鍵詞。

• 3月，人機圍棋世紀之戰(zhàn)打響：李世乭在 5 番棋中以1：4敗給 AlphaGo，震驚了整個圍棋界以及……朋友圈…
• 4月，人工智能成為 Facebook 開發(fā)者大會上的主角，基于 AI 技術的聊天機器人開放平臺，讓很多人第一次感性地認識了這個聽起來有點深奧的技術概念。
• 5月，Google 首席執(zhí)行官 Sundar Pichai 在 Google IO 上高調宣布公司未來戰(zhàn)略將由「移動優(yōu)先」轉向「人工智能優(yōu)先」，并發(fā)布了智能語音家庭助理 Google Home。
• 9月，Amazon、Facebook、Google、IBM、Microsoft 五家公司宣布在人工智能領域建立合作，分享其各自在 AI 技術上的突破，以吸引更多人才進入這一領域。
• 12月，Amazon 宣布他們在剛剛過去的這個圣誕假期中，賣出了上百萬臺 Amazon Echo （亞馬遜旗下智能語音助理）。
• 上月，前微軟高級副總裁陸奇宣布將加盟百度，除了負責百度旗下眾多主線產品業(yè)務，還將專攻人工智能研發(fā)。

編者按：什么是無框界面？憑什么斷言它能成為2017年的主流UI 設計風格？雨涵_Zoe 這篇干貨文章為你揭秘。

什么是無框界面？

縱使幾大設計風格已形成寡頭壟斷（如蘋果的圓角玻璃、谷歌的層級、微軟的方塊…），但界面設計的進化歷程才剛剛開始。

寫過關于去形式化的話題。在這個新趨勢中，界面上的內容越來越重要，相對的，一切與內容無關的都被大大削減。

去形式化是一張非常模糊的全景圖，在演化中一些新的設計風格逐漸清晰起來，例如——無框界面。

也許你已經發(fā)現(xiàn)了，今年來越來越多的網(wǎng)站和應用，尤其是那些注重設計的，都有這樣的趨勢。曾經用來劃分區(qū)域的邊框和邊線逐漸消失，然而在干凈的界面上，通過距離分割，各區(qū)域的差別依舊清晰可辨。

今年很多文章都猜測對話式交互會成為2017年熱門趨勢，但關于對話式交互的解讀還不是很多，本文詳細分析了對話式交互的優(yōu)缺點和應用場景，強烈推薦閱讀。

一、要想火，傍大腿

對話式交互，顧名思義，就是像兩個人對話一樣的交互方式?？梢允俏淖值?，也可以是語音的。我們每天都用的微信，你說一句，我說一句，就是典型的對話式交互。

@你丫才美工 ：今天要給大家分享的是Behance上的一篇2017設計趨勢總結，雖然前陣子美丫姐在微博上還吐槽了近段時間各種設計趨勢總結追風成影，但這篇還是很打動我的。因為它實在是太全面了，并且案例收集的非常精良。完全可以當做一個龐大的靈感庫，時不時拿出來看看也是極好的！

下面是美丫姐的小伙伴阿昕翻譯的中文版本，希望給大家?guī)韼椭?/span>

編者按：很多新人交互設計師做出方案后一直無法和產品經理達成共識，而他們可能都沒意識到，一個專業(yè)的交互設計流程就可以解決大部分問題。

王鎮(zhèn)雷：首先，要感謝我的 Leader 和師姐，在他們的幫助下，我才理清了這個交互設計流程。

雖不敢說這套方法一定是最優(yōu)的，但至少是我工作以來一個專業(yè)上的里程碑。

話不多說，直接開講。

日常工作中，常見但錯誤的交互設計方法有：

• 產品經理提了需求，立馬動手畫圖；
• 設計中才查看競品，并且沒有特定分類，想到哪個看哪個；
• 執(zhí)著于具體的設計細節(jié)；
• 提交/評審方案時，沒有設計過程，直接提供稿子講解結果。

編者按：QQ 國際版的輕量和簡潔一直備受好評，不過多年未改版的它，今年可能用上兩個新的視覺設計方案。至于改版過程中的思考，騰訊設計師給出了這篇文章。

作者：騰訊ISUX – 隔壁老賈

項目背景

QQ國際版主要是針對國外用戶打造的一款輕量社交產品。由于當前產品迭代周期相對較長，我們對當前視覺提出一個疑問:現(xiàn)有產品的視覺形態(tài)，是否符合國際版的產品調性。基于這個問題，我們開啟這次探索之旅。