模塊大家應(yīng)該都不陌生，任何一個完整的界面，都會有多個功能模塊，而每個模塊內(nèi)有相應(yīng)的組件，每個組件中又有相應(yīng)的元素，其中任何一點的變化，都會使用戶對產(chǎn)品的認知發(fā)生改變。

編者按：什么是模塊化設(shè)計？它有哪些優(yōu)勢？該如何運用模塊化設(shè)計？本文騰訊CDC 的高手帶你一窺模塊化設(shè)計的奧妙。

在看組件和元素之前，我們先了解在他們之上的一個概念

模塊

模塊大家應(yīng)該都不陌生，任何一個完整的界面，都會有多個功能模塊，而每個模塊內(nèi)有相應(yīng)的組件，每個組件中又有相應(yīng)的元素，其中任何一點的變化，都會使用戶對產(chǎn)品的認知發(fā)生改變。

什么是設(shè)計規(guī)范，設(shè)計規(guī)范到底有什么用？如何看懂設(shè)計規(guī)范？今天@Jaret_杰瑞特 結(jié)合實際工作中的體驗，幫你快速上手設(shè)計規(guī)范。

當(dāng)我們聊設(shè)計的時候，可讀性是我們最常提及的話題。良好的設(shè)計應(yīng)該都是可讀的設(shè)計，如果信息都無法正常而清晰的傳達，那么設(shè)計就失去了意義。

設(shè)計的可讀性和排版設(shè)計息息相關(guān)，與此同時，對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性，讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前，你需要借助對比度來表達，讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比，它需要能夠吸引用戶的眼球。

編者按：什么是內(nèi)容化設(shè)計？設(shè)計師為什么要關(guān)注內(nèi)容？如何通過設(shè)計的手段提高內(nèi)容體驗？阿里設(shè)計師用一個手淘的實戰(zhàn)案例，幫你掌握內(nèi)容化設(shè)計的精髓！

前言

如果說好的產(chǎn)品是運營出來的，那么內(nèi)容作為用戶體驗中的重要部分不容忽視。然而我們在設(shè)計中經(jīng)常缺乏內(nèi)容體驗的意識。借著第十三屆用戶體驗大會User Friendly 2016的分享，手淘的設(shè)計師和業(yè)內(nèi)的同學(xué)們一起做workshop，探索如何進行行之有效的內(nèi)容策略腦爆，以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計策略和用戶行為數(shù)據(jù)驗證。希望能讓大家對無線端導(dǎo)購的內(nèi)容化設(shè)計有所啟發(fā)。以下是對大會相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計是什么之前，或許有人奇怪：設(shè)計為什么要關(guān)注內(nèi)容呢？

表單是網(wǎng)頁設(shè)計中最常見的元素，幾乎每個網(wǎng)站都會包含一種甚至幾種不同類型的表單。從簡單的電子郵件搜集和訂閱，到注冊、下單、購買，表單一直伴隨著網(wǎng)頁而存在。所以，設(shè)計出好看易用的表單是非常有必要的。

也正是因為表單一直伴隨這網(wǎng)頁存在，在過去的20多年間，表單的設(shè)計規(guī)范和標(biāo)準(zhǔn)也一直在逐步發(fā)展。雖然許多網(wǎng)頁中的表單涵蓋了大量的信息也數(shù)量可觀的欄目，但是絕大多數(shù)的優(yōu)秀設(shè)計和最佳實踐都是以簡單而著稱。好的表單一目了然，用戶不需要輸入太多信息，條目標(biāo)識明確，格式清晰，讓用戶盡可能一次就能正確填寫。

授人以魚不如授人以漁，我寫文章的目的并不是讓大家完全按照我的方法來做，而是希望我們都能提高自己的思維方式，因為現(xiàn)在網(wǎng)上的方法與經(jīng)驗實在太多（又不能確定都是正確的），你的大腦永遠無法承載整個互聯(lián)網(wǎng)的信息容量，所以與其看那多內(nèi)容，不如從根源上提高自己拆解、分析、總結(jié)的能力，這樣無論以后你遇到什么樣的問題，都能夠迎刃而解。

時下一種流行的設(shè)計方式是在頁面頂部使用配有簡潔文字的大幅圖片或者視頻，以此吸引用戶進入網(wǎng)站。這種設(shè)計方式最頭疼的就是如何為這些文字選擇合適的字體。

從樣式繁多的字體庫中找到一個合適的字體，往往會讓設(shè)計師感到舉步維艱。但是我們可以使用一些小技巧，就能找到我們需要的字體。讓我們通過下面幾個精彩的案列來分享這5條建議。

什么是特排字體（Display Type）

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

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

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

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

色彩

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

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