很多設(shè)計(jì)高手的秘訣很少是某種「技巧」，更多是對(duì)的「思維」和合理的「方法」，那么有哪些設(shè)計(jì)思維能夠讓UI、產(chǎn)品、視覺(jué)設(shè)計(jì)師事半功倍？來(lái)看這期壹周速讀吧，它可能是近期最干的一期合集了。

思維·方法

做好產(chǎn)品，有很多非常有價(jià)值的邏輯模型。設(shè)計(jì)模型最大的特點(diǎn)在于在實(shí)際應(yīng)用中不斷的去修正，使他具備普適性?！竀MIC UED.張宏波」在這篇文章當(dāng)中要給大家介紹的基礎(chǔ)模型，其實(shí)大家都很熟悉，就是設(shè)計(jì)上常用的「雙鉆模型」。這篇文章不止是一種方法的探討，更是結(jié)合案例的一次設(shè)計(jì)思路的總結(jié)：

「空間陳列法」是隨著手機(jī)興起而真正流行起來(lái)的一招，因?yàn)镻C時(shí)代都是寬大的橫屏設(shè)計(jì)，適合展現(xiàn)視野開(kāi)闊的大場(chǎng)面，像大漠、海邊等等，而「空間陳列」作為小場(chǎng)景，在PC端就顯得不大氣，因此使用較少；而手機(jī)端卻剛好相反，瘦長(zhǎng)豎屏就適合表現(xiàn)長(zhǎng)焦特寫(xiě)的小場(chǎng)景，像微距下的花鳥(niǎo)魚(yú)蟲(chóng)等等，這時(shí)「空間陳列」就用的恰到好處：

排版有沒(méi)有特別方便、又能讓版式美感特別突出的方法？有！「PPT進(jìn)化論」的這篇文章所介紹的「卡片式排版法」就是為此而生的：

相信很多設(shè)計(jì)師經(jīng)常聽(tīng)到一個(gè)熟悉的名詞「視覺(jué)錘」，視覺(jué)錘是一個(gè)非常好的名字，一聽(tīng)就能懂，也正是因?yàn)橐宦?tīng)就懂，大家就很少深入去理解它其中的內(nèi)涵了。而能真正了解視覺(jué)錘的設(shè)計(jì)人、創(chuàng)意人可以說(shuō)是屈指可數(shù)，深入研究視覺(jué)錘的就更少了。關(guān)于這個(gè)概念的應(yīng)用，這篇文章為你徹底講透：

這是一份比較實(shí)用的web產(chǎn)品設(shè)計(jì)「葵花寶典」，作者「Nana 的設(shè)計(jì)錦囊」借著項(xiàng)目踩過(guò)的一些坑給大家總結(jié)了出來(lái)，可以幫助大家 0-1 快速起手web的設(shè)計(jì)。無(wú)論是現(xiàn)在用的還是將來(lái)可能用的，先收藏著絕對(duì)有備無(wú)患：

設(shè)計(jì)思維并不是一個(gè)完全抽象的東西，它能夠讓設(shè)計(jì)方案更加有理有據(jù)，讓整體更加體系化，讓設(shè)計(jì)能夠說(shuō)服客戶，吸引用戶。這篇來(lái)自 VMIC UED 的文章，用幾個(gè)實(shí)際案例來(lái)展示如何使用設(shè)計(jì)模型輔助設(shè)計(jì)，希望幫助大家可以成長(zhǎng)為一個(gè)有思考深度能解決問(wèn)題的設(shè)計(jì)大師：

B端設(shè)計(jì)

對(duì)于特別復(fù)雜的B端表單，「簡(jiǎn)化」只是提升其易用性的方法之一。遇到數(shù)據(jù)量大，層級(jí)深，數(shù)據(jù)之間有交叉或嵌套關(guān)系的表單時(shí)，還需要考慮該如何分析拆解、組織呈現(xiàn)這些數(shù)據(jù)。這篇文章結(jié)合8字核心原則和2個(gè)案例，帶你了解如何應(yīng)對(duì)復(fù)雜的 B 端表單：

由于B端產(chǎn)品的復(fù)雜多樣，而其中彈窗設(shè)計(jì)是一個(gè)特別常見(jiàn)且情況復(fù)雜的問(wèn)題。這篇文章所要討論的不單單局限于彈窗這一種控件的設(shè)計(jì)，而是一個(gè)「泛彈窗」的話題，透過(guò)彈窗去分析理解其他類型信息展示的業(yè)務(wù)邏輯：

UI·交互

學(xué)習(xí)動(dòng)畫(huà)的同學(xué)應(yīng)該都知道迪士尼的動(dòng)畫(huà)設(shè)計(jì)12原則吧？這可能是傳統(tǒng)動(dòng)畫(huà)領(lǐng)域，最為重要、價(jià)值不可估量的原則之一。雖然這些原則最初是應(yīng)用在動(dòng)畫(huà)設(shè)計(jì)當(dāng)中，但是實(shí)際上在如今的 UI 界面當(dāng)中，同樣是適用，并且效果拔群的。這篇文章基于這12條原則，梳理出了 9 條適用于 UI 設(shè)計(jì)的原則，一起來(lái)看看吧：

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)雖然早已被提出，不過(guò)因?yàn)閲?guó)內(nèi)開(kāi)發(fā)習(xí)慣和APP設(shè)計(jì)優(yōu)先，日常工作使用這種布局方式的機(jī)會(huì)不多。國(guó)外網(wǎng)站使用這種布局方式較多，這篇來(lái)自騰訊的文章經(jīng)過(guò)調(diào)研，結(jié)合嘗試后，梳理了響應(yīng)式設(shè)計(jì)的方法流程，記錄問(wèn)題與思考，幫助以后類似的項(xiàng)目開(kāi)展更快：

在進(jìn)行 UI 設(shè)計(jì)的時(shí)候，很多小技巧能夠恰到好處地提升界面的設(shè)計(jì)視覺(jué)效果、用戶體驗(yàn)。這篇來(lái)自Mark Andrew 的文章梳理了 14 個(gè)實(shí)用性很強(qiáng)的 UI 效果提升小技巧，這篇文章由兩篇文章組合而成，原文最早發(fā)布于 marcandrew.me，快來(lái)看看吧：

視覺(jué)·色彩

零售業(yè)有個(gè)有趣的研究成果 —— 「七秒鐘定律」：人們?cè)谔暨x商品和服務(wù)時(shí) ，只需要 7 秒鐘就可以確定是否感興趣，而在這短暫的 7 秒鐘內(nèi)，色彩的作用占到了 67%。

配色，設(shè)計(jì)師的世紀(jì)難題。從平面到屏幕，CMYK 到 RGB，墨點(diǎn)到像素，色彩越來(lái)越豐富，形式越來(lái)越復(fù)雜。UI 的發(fā)展從擬物的繁瑣細(xì)節(jié)中掙脫出來(lái)，卻在色彩的展現(xiàn)中放飛了自我。如果你也重視配色，那么不要錯(cuò)過(guò)這篇 UI 配色終極奧義：

表達(dá)字體跟人一樣，由氣質(zhì)（虛），骨架（實(shí)），穿著打扮（裝飾）所構(gòu)成。如果將設(shè)計(jì)字體當(dāng)打造一個(gè)人設(shè)一樣去處理，會(huì)變得有趣味得多。這是來(lái)自「VMIC UED.楊不過(guò)」 的系列文章，帶你梳理了字體設(shè)計(jì)的思路、操作、六種常用方法以及日常積累的方式方法：