壹周速讀：在視覺和體驗之間，設計師要如何取舍？

魚與熊掌不可兼得。在設計的時候，好視覺和好體驗可能很難兼顧，設計需求和運營需求可能會有沖突，設計目標和產品目標可能有沖突，設計師總是要做取舍。在做 UI 和 UX 設計的時候，如何處理矛盾？這周的設計文章里，不少都探討了關于取舍的問題。

設計趨勢

我們正身處在一個內容快速消費的時代。長短視頻，動畫電影，互動裝置等形式能夠更容易吸引用戶的注意力，無論是消費者，創作者或是設計的從業者，制作的門檻降低了，以往是一個團隊的輸出，現在一個人也能夠打造高質量的爆款，人人都是內容的生產者成為了這個時代的標簽。這篇文章從設計從業者的角度出發，從攝影攝像，視頻動畫，動態圖形，交互裝置等四個緯度來闡述內容設計的制作方法與近幾年的風格趨勢。

如果你正在學習動效設計，那么這篇動效設計的入門文章一定要好好收藏！動效的類別，為什么要學習動效，以及動效的 5點規則、移動 APP 的動效分類等等，都融于這一片文章當中！

UI/UX

下拉菜單是UI設計，網頁設計中的基礎控件，也是平時大家做設計時會用到的常用組件，所以有必要對它進行全面深入的了解。這篇文章非常全面的介紹了下拉菜單的設計法則，相信讀完會對下拉菜單設計有一個全新的認識，一起來學習吧：

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

在平時工作中很多設計師往往會遇到這種情況，領導和自己的想法產生比較大的沖突，特別是電商設計師，運營一直想突出信息放大放大，而自己卻只想將畫面設計的更漂亮，到底如何做才是正確的？而且每個設計師對設計也各持有自己的一套獨特見解，那么這種現象出現的根本原因是什么呢？關鍵點其實在這里：

是不是會經常碰到這樣的情況：好不容易將頁面的功能和體驗給優化好，就會有一些「不懂欣賞」的產品找你的麻煩，他們會說：「這個頁面太空，用戶找不到自己想要的內容，一屏往下滑不少才能看到其他重要信息。」那么，到底要如何解決UX設計好看又無用的問題？看這里：

在進行 UI 設計的時候，很多小技巧能夠恰到好處地提升界面的設計視覺效果、用戶體驗。那些讓我們看了一眼就能過目不忘的產品，并非一定就是行業中靠前的翹楚，吸引我們的只是一個小小的細節，如何將這些優秀細節亮點融入自己的產品并符合調性，需要長期日積月累。這 12 個產品細節就非常值得學習：

即使是一個專職的產品設計師也不一定會經常從零開始設計師產品。但是，從零開始設計一個產品，總會有很多問題需要考慮。這篇文章來自資深產品設計師 Danny Sapio ，他梳理了 10 個重要的產品設計的 UI/UX 設計經驗，希望能夠帶你少走彎路：

視覺·版式

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

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

如果說把那些已經被我們熟知的設計師比作是「武林高手」的話，那佐藤修悅就是少林寺里的「掃地僧」，看似平平無奇，實際上是個武功深不可測的智者。為什么這么說呢？因為佐藤修悅做的工作是和設計毫不相關，他是地鐵的安保，每天的工作就是負責幫人指路，維持治安，他也沒有經歷過美學教育，但是他卻創作出適合導視的一套字體——修悅體。來看看他的故事吧：

K先生的 版式設計三部曲終于更新了，第一篇關于平面構圖，第二篇關于文字處理，均是干貨：

干貨·神器

新一輪的設計圈干貨大合集來了！這一次的設計干貨包含了許多新鮮的好玩意，比如3D手勢庫和可編輯樣機生成工具，當然，還有每一期合集都會有的各種圖標、配色和字體資源，來具體看看吧：