@乘與九設(shè)計(jì) ：我們正處在一場注意力爭奪戰(zhàn)中。如何利用版式設(shè)計(jì)抓住用戶的注意力呢？

商業(yè)環(huán)境中講究一個(gè)「快」字。我們閱讀的時(shí)候長期接受過載的信息，很難再集中精神，那么，一個(gè)內(nèi)容清晰的閱讀體驗(yàn)就非常重要。

所以，以下16張版式小Tips，或許能解決排版這個(gè)問題。

第一步，思考！！！別急著打開PS

@黃紅藝Designer ：還沒有跨入交互設(shè)計(jì)的門檻時(shí)，總是想明確的知道一些客觀、確定的事情。比如，想知道交互設(shè)計(jì)的具體流程是什么，交互稿到底長什么樣子，Axure 中的Case 用例怎么用以及加載動(dòng)畫怎么做，總希望有人能給一個(gè)交互設(shè)計(jì)的原型案例作為模板。

先說下本文的思路，我會(huì)筆記一些服務(wù)設(shè)計(jì)的知識(shí)重點(diǎn)，并做一些分析和思考。

本文并不是區(qū)分服務(wù)設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)，我是想從用戶體驗(yàn)設(shè)計(jì)的角度來學(xué)習(xí)服務(wù)設(shè)計(jì)的思考方式和閃光點(diǎn)。

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

色彩

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

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

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

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

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

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

LOGO 最終效果圖

想從美工變成真正的設(shè)計(jì)師，學(xué)習(xí)設(shè)計(jì)之上的原則很重要。這篇譯文收集了全球各個(gè)最優(yōu)秀的產(chǎn)品設(shè)計(jì)原則，讓我們了解這些產(chǎn)品設(shè)計(jì)背后更高的設(shè)計(jì)指導(dǎo)原則。

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

在表層設(shè)計(jì)之外，探索和制定更高層級的產(chǎn)品設(shè)計(jì)原則應(yīng)當(dāng)是需要我們努力的方向，這些設(shè)計(jì)原則能幫助產(chǎn)品設(shè)計(jì)保持更高的一致性。

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

本文轉(zhuǎn)載自「UX Coffee 設(shè)計(jì)咖」微信公眾號，微信內(nèi)搜索「uxcoffee」

過去這一年，和 AI 相關(guān)的新聞鋪天蓋地。身為設(shè)計(jì)師的你可能會(huì)問：人工智能和我的日常工作有關(guān)嗎？我應(yīng)該為此做什么準(zhǔn)備？

• 適讀人群：擁抱未來的設(shè)計(jì)師
• 閱讀時(shí)長：約5分鐘

人工智能和設(shè)計(jì)師有關(guān)嗎？

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

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

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

什么是無框界面？

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

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

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

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

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

一、要想火，傍大腿

對話式交互，顧名思義，就是像兩個(gè)人對話一樣的交互方式。可以是文字的，也可以是語音的。我們每天都用的微信，你說一句，我說一句，就是典型的對話式交互。