魚與熊掌不可兼得。在設(shè)計(jì)的時(shí)候，好視覺(jué)和好體驗(yàn)可能很難兼顧，設(shè)計(jì)需求和運(yùn)營(yíng)需求可能會(huì)有沖突，設(shè)計(jì)目標(biāo)和產(chǎn)品目標(biāo)可能有沖突，設(shè)計(jì)師總是要做取舍。在做 UI 和 UX 設(shè)計(jì)的時(shí)候，如何處理矛盾？這周的設(shè)計(jì)文章里，不少都探討了關(guān)于取舍的問(wèn)題。

設(shè)計(jì)趨勢(shì)

我們正身處在一個(gè)內(nèi)容快速消費(fèi)的時(shí)代。長(zhǎng)短視頻，動(dòng)畫電影，互動(dòng)裝置等形式能夠更容易吸引用戶的注意力，無(wú)論是消費(fèi)者，創(chuàng)作者或是設(shè)計(jì)的從業(yè)者，制作的門檻降低了，以往是一個(gè)團(tuán)隊(duì)的輸出，現(xiàn)在一個(gè)人也能夠打造高質(zhì)量的爆款，人人都是內(nèi)容的生產(chǎn)者成為了這個(gè)時(shí)代的標(biāo)簽。這篇文章從設(shè)計(jì)從業(yè)者的角度出發(fā)，從攝影攝像，視頻動(dòng)畫，動(dòng)態(tài)圖形，交互裝置等四個(gè)緯度來(lái)闡述內(nèi)容設(shè)計(jì)的制作方法與近幾年的風(fēng)格趨勢(shì)。

如果你正在學(xué)習(xí)動(dòng)效設(shè)計(jì)，那么這篇?jiǎng)有гO(shè)計(jì)的入門文章一定要好好收藏！動(dòng)效的類別，為什么要學(xué)習(xí)動(dòng)效，以及動(dòng)效的 5點(diǎn)規(guī)則、移動(dòng) APP 的動(dòng)效分類等等，都融于這一片文章當(dāng)中！

UI/UX

下拉菜單是UI設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)中的基礎(chǔ)控件，也是平時(shí)大家做設(shè)計(jì)時(shí)會(huì)用到的常用組件，所以有必要對(duì)它進(jìn)行全面深入的了解。這篇文章非常全面的介紹了下拉菜單的設(shè)計(jì)法則，相信讀完會(huì)對(duì)下拉菜單設(shè)計(jì)有一個(gè)全新的認(rèn)識(shí)，一起來(lái)學(xué)習(xí)吧：

我們可能認(rèn)為App頂部欄的組成很簡(jiǎn)單不需要太多精力，實(shí)際上要設(shè)計(jì)一個(gè)精確、美觀、和用戶目標(biāo)相匹配的頂部欄并不容易。為了試圖分析App頂部欄設(shè)計(jì)的某些模式和規(guī)則，研究了100多個(gè)應(yīng)用程序。這篇文章就帶大家一起了解App頂部欄的組成、變化，以及如何設(shè)計(jì)頂部欄的交互：

在平時(shí)工作中很多設(shè)計(jì)師往往會(huì)遇到這種情況，領(lǐng)導(dǎo)和自己的想法產(chǎn)生比較大的沖突，特別是電商設(shè)計(jì)師，運(yùn)營(yíng)一直想突出信息放大放大，而自己卻只想將畫面設(shè)計(jì)的更漂亮，到底如何做才是正確的？而且每個(gè)設(shè)計(jì)師對(duì)設(shè)計(jì)也各持有自己的一套獨(dú)特見(jiàn)解，那么這種現(xiàn)象出現(xiàn)的根本原因是什么呢？關(guān)鍵點(diǎn)其實(shí)在這里：

是不是會(huì)經(jīng)常碰到這樣的情況：好不容易將頁(yè)面的功能和體驗(yàn)給優(yōu)化好，就會(huì)有一些「不懂欣賞」的產(chǎn)品找你的麻煩，他們會(huì)說(shuō)：「這個(gè)頁(yè)面太空，用戶找不到自己想要的內(nèi)容，一屏往下滑不少才能看到其他重要信息?！鼓敲?，到底要如何解決UX設(shè)計(jì)好看又無(wú)用的問(wèn)題？看這里：

在進(jìn)行 UI 設(shè)計(jì)的時(shí)候，很多小技巧能夠恰到好處地提升界面的設(shè)計(jì)視覺(jué)效果、用戶體驗(yàn)。那些讓我們看了一眼就能過(guò)目不忘的產(chǎn)品，并非一定就是行業(yè)中靠前的翹楚，吸引我們的只是一個(gè)小小的細(xì)節(jié)，如何將這些優(yōu)秀細(xì)節(jié)亮點(diǎn)融入自己的產(chǎn)品并符合調(diào)性，需要長(zhǎng)期日積月累。這 12 個(gè)產(chǎn)品細(xì)節(jié)就非常值得學(xué)習(xí)：

即使是一個(gè)專職的產(chǎn)品設(shè)計(jì)師也不一定會(huì)經(jīng)常從零開(kāi)始設(shè)計(jì)師產(chǎn)品。但是，從零開(kāi)始設(shè)計(jì)一個(gè)產(chǎn)品，總會(huì)有很多問(wèn)題需要考慮。這篇文章來(lái)自資深產(chǎn)品設(shè)計(jì)師 Danny Sapio ，他梳理了 10 個(gè)重要的產(chǎn)品設(shè)計(jì)的 UI/UX 設(shè)計(jì)經(jīng)驗(yàn)，希望能夠帶你少走彎路：

視覺(jué)·版式

構(gòu)圖是在有限的空間內(nèi)把文字、色彩、圖形等元素結(jié)合起來(lái)構(gòu)成畫面，使作品不僅具有美感，還能清晰表達(dá)設(shè)計(jì)者的目的。不同構(gòu)圖能使畫面產(chǎn)生不同的視覺(jué)變化，進(jìn)而給觀者帶來(lái)不同的心理感受。同的心理感受。這篇文章分享了上下構(gòu)圖的使用方法，這種構(gòu)圖形式具有良好的視覺(jué)效果，也比較容易掌握，是非常實(shí)用的構(gòu)圖方式：

大部分電商詳情頁(yè)教程都著重教你如何做好首焦圖，「產(chǎn)品參數(shù)模塊」這個(gè)部分則鮮有人提。而這篇教程，用超多案例，幫你掌握「產(chǎn)品參數(shù)模塊」的設(shè)計(jì)方法：

如果說(shuō)把那些已經(jīng)被我們熟知的設(shè)計(jì)師比作是「武林高手」的話，那佐藤修悅就是少林寺里的「掃地僧」，看似平平無(wú)奇，實(shí)際上是個(gè)武功深不可測(cè)的智者。為什么這么說(shuō)呢？因?yàn)樽籼傩迱傋龅墓ぷ魇呛驮O(shè)計(jì)毫不相關(guān)，他是地鐵的安保，每天的工作就是負(fù)責(zé)幫人指路，維持治安，他也沒(méi)有經(jīng)歷過(guò)美學(xué)教育，但是他卻創(chuàng)作出適合導(dǎo)視的一套字體——修悅體。來(lái)看看他的故事吧：

K先生的 版式設(shè)計(jì)三部曲終于更新了，第一篇關(guān)于平面構(gòu)圖，第二篇關(guān)于文字處理，均是干貨：

干貨·神器

新一輪的設(shè)計(jì)圈干貨大合集來(lái)了！這一次的設(shè)計(jì)干貨包含了許多新鮮的好玩意，比如3D手勢(shì)庫(kù)和可編輯樣機(jī)生成工具，當(dāng)然，還有每一期合集都會(huì)有的各種圖標(biāo)、配色和字體資源，來(lái)具體看看吧：