外的很多網站都非常簡約大氣，原來他們是遵循了這樣的設計原則啊。這樣的原則，不僅僅適用于web設計，也同樣適用于App設計。

介紹：

“Less is more”-無論在時尚，室內設計還是網頁設計領域，這句話都統治著設計界。這句話反映了古老的極簡主義理論，也漸漸成為了簡單，優雅的功能性營銷設計的最新工具。

可以說，極簡主義正在盛行。

極簡主義的應用可以有兩種不同的方式。一個是美學，一個是功能。在這里，我將討論功能性極簡主義在Web設計中的應用，在此之前，我們看一下它的基本概念和歷史。

極簡主義：基本概念

極簡主義的關鍵原則是讓用戶看到必要的功能。這樣，用戶的注意力不僅集中在藝術的重要部分上，而且還提高了作品的優雅度。

傳奇極簡主義畫家唐納德·賈德（Donald Judd）說：“形狀、體積、顏色、表面就是物品本身。它不應該被隱藏成為完全不同的整體的一部分，形狀和材料不應因環境而改變。”

涉及到極簡設計時，它可以采用兩種方式：設計師可以出于美學或功能的考慮創造簡約設計。

以圖1中的這種設計為例：

圖1：缺乏功能的美學極簡主義示例

以上設計來自眼鏡設計師Alfred Sung。盡管該設計很極致，看上去很美，但是除非用戶瀏覽菜單欄，否則該設計不會告知用戶網站的目的。這種簡約的網頁設計僅是為了美觀，而不是功能。

但是，如果我們看下面的圖2，我們將看到功能性極簡主義在Web設計中的完美應用，用令人愉悅的視覺呈現重要信息。

圖2：功能極簡主義的示例，既美觀又實用

這是Libraton的網頁設計。干凈流暢的用戶界面，易于導航。這是網站設計中的功能性極簡主義的主要示例。設計中沒有多余的文字，不必要的動畫和額外的效果。借助適當的圖像和內容，讓用戶知道該網站的內容。

所謂的網頁設計的功能性極簡主義，即令人愉悅的視覺向用戶呈現必要的內容。在簡約的設計中，沒有多余的文字，不必要的動畫和額外的效果。內容和設計按原樣顯示，沒有任何額外的裝飾，以使用戶輕松找到他們想要的內容。

極簡主義的歷史與演變

極簡主義意味著高效的生活，這意味著您可以將更多精力放在核心目的上，這意味著擺脫生活中所有多余的功能，裝飾品和其他任何裝飾。日本文化將生活中的簡約與平衡和諧放在首位，您可以在他們的藝術和建筑中看到這一點。

在談論極簡主義的歷史時，您需要對日本文化作簡要了解。日本文化最好的反映了極簡主義的概念。極簡主義的概念在整個歷史中都存在過，但是在二戰之后，它通過藝術家Frank Stella和Robert Rayman的作品而得到了廣泛傳播。由于該概念的普及，極簡主義也逐漸滲透到其他領域，例如建筑。

很快，極簡主義也進入了網頁設計領域。在互聯網的起源上，存在另一種風格的網頁設計風格，我們稱之為野蠻風格。布局雜亂，幾何圖案笨拙且重復，字體也多種樣式。總而言之，野蠻派網頁設計對掩蓋丑陋設計毫無欲望。

但是隨著設計的開始改進，極簡主義走在了最前列，網站開始變得更加美觀。不過，野獸派的設計也再次卷土重來，聲稱反對同質化的網頁設計風格。

極簡網頁設計及其必要功能

網頁設計中的極簡主義是設計師最流行的實踐。隨著極簡網頁設計變得流行，當設計功能性網站時，極簡主義已成為第一法則。這是為什么了解極簡主義網頁設計的最佳方法，是了解其主要功能。

1. 重點：突出內容

簡約的Web設計中，內容是重點，通過刪除多余的元素（所謂的多余是指不影響用戶進行操作的部分）簡化界面。這種方法，內容的優化是最重要的過程。

資料來源：https ://newday.agency/

通過確定內容的優先級，設計人員刪除網頁上可能讓用戶分散注意力的所有元素。最后，每個元素都將具有一定的功能。剝離多余的內容時可能會遇到一個問題，那就是會刪除重要的內容。因此，請確保您沒有從頁面中刪除重要內容。

（1）負空間的廣泛使用

基于日本的ma原理，負空間或留白在簡約設計中起著重要作用。負空間或留白是極簡網頁設計的一個非常普遍的功能，內容（圖像或文本）之間的空白更加強調頁面的內容。

資料來源：https ://perficientdigitallabs.com/

雖然負空間也稱為空白，它并不一定總是白色。作為設計師，您還可以使用空的全色背景在設計中引入負空間。

（2）視覺特征

極簡網頁設計具有很多獨特的視覺特征。這些特征在網站的整體外觀中起著重要作用。

（3）平面設計和紋理

極簡設計省去過度使用的3D效果，陰影和漸變，而廣泛使用平面紋理。去除網站顯得浮華的設計元素。在平面設計中，從字體到圖標，所有內容都保持在最低限度，這不僅美觀而且功能強大。QAccounting是很好的示例。

資料來源：https ://qaccounting.beta.herdl.com/

（4）照片和插圖

一張圖片相當于一千文字，圖像和插圖是極簡網站的最重要設計元素。通過圖片您可以傳達更多的情感和思想。不過圖片也要遵守極簡主義原則。如果它是一個復雜的圖像/插圖，包含太多的細節，那么它將抵消設計的整個效果。例如：Manho的設計。

資料來源：https ://mahno.com.ua/en

（5）有限的配色

顏色可以使視覺集中在內容上，但是它也可以分散用戶的注意力。因此，以簡約設計為目標的設計師通常選擇有限的配色方案。無論單色方案，還是僅兩種顏色的方案，這種有限配色方案是簡約設計的關鍵視覺特征之一。

來源：https：//showcase.withgoogle.com/experiment/pizza-authenticator/

2. 獨特的版式

在極簡主義的背景下，大膽的排版必定能呈現最好的內容，設計師使用此功能來強調其內容。

資料來源：https ://culture.basicagency.com/

3. 設計對比

高對比度元素是極簡設計的不錯選擇。作為一名設計師，您無需付出太多努力，即可充分利用簡單的設計元素，這也是將用戶聚焦到頁面主要元素的最有效方法。在最近網站大修中，Unified Infotech修改了色彩和對比度方案，使其更具吸引力。

資料來源：https ://www.unifiedinfotech.net/

網頁設計極簡主義的最佳實踐

有時實踐“less is more ”的理念可能會具有挑戰性。如果您正在努力為網站創建簡約設計，不必擔心。下面，我將列出一些最佳實踐，通過遵循極簡主義的最佳實踐，您將可以輕松創建極簡的網站設計。

1. 單一焦點

簡約設計的概念是使用戶專注于網頁的主要元素，簡約是關鍵。因此，只有一個焦點是極簡主義的最佳實踐。

資料來源：https ://www.portofmokha.com/

2. 內容層次

我已經討論過內容進行排序，并確定需要什么和不需要什么，現在是時候確定什么先行，什么后行了。

資料來源：https ://www.gsmlondon.ac.uk/global-oil-map/

內容的層次結構意味著內容的放置。頁面頂部的內容最重要，而頁面底部的內容最不重要。用戶的眼睛總是盯著頁面的頂部，所以將頁面的主要內容放在頂部附近很重要。

3. 精確且清晰的內容

我將再次討論頁面的內容，在為極簡網站編寫內容時，您需要去除多余的單詞。

資料來源：https ://hopdeco.ca/en

頁面的文本內容必須是用最少單詞傳達所有的信息。

4. 簡化導航

簡約設計的重要目標之一是幫助用戶盡可能簡單高效地完成任務。為此，您需要集成一個簡單便捷的導航系統，在極簡的界面中可能會比較棘手。

資料來源：https ://ark-shelter.com/

您可能會覺得需要隱藏導航以創建簡約界面。但是，這可能降低用戶對網站的滿意度。因此，在簡化設計的同時需要保證必要的功能。

5. 功能性動畫

盡管動畫被視為設計界的一種裝飾，有時候也必不可少。在簡約界面中加入有針對性的動畫，不僅會使網站看起來更漂亮，也會使界面更高效。必要請看下，可以使用動畫節省屏幕空間，同時使網站瀏覽更有趣。

通過GIPHY

6. 極簡的登陸頁面和組合

但是，如果您的網站是內容豐富的網站（例如新聞網站或博客網站）怎么辦？

在那種情況下，完全的簡約設計可能會有些困難，使用簡約的界面將使用戶操作更多，這對于高效的網站可能并不理想。

那么解決方案是什么？

資料來源：https ://mywony.com/?ref=lapaninja

網站Mywony，婚紗設計，在線購物網站，采用使用簡約的布局作為著陸頁。一個電子商務網站，無論是亞馬遜還是其他獨家網站，都傾向于展示他們銷售的所有產品。但是Mywony采取了極簡主義的方式，為游客提供了功能完善的設計，看上去也很討人喜歡。

你要做什么？那結論是什么？

許多人仍然認為極簡主義只是設計的視覺方面。雖然這部分是正確的，但極簡主義也必須有其自身的功能。解鎖功能性極簡主義的所有秘密之后，您可以將其應用到網站設計中，這類型的網站不僅是您和用戶之間的交流工具，也是用戶希望訪問的美觀的網站。

原文網址：https://medium.com/usabilitygeek/is-less-really-more-the-truth-of-functional-minimalism-in-web-design-ff35256bda5f

作者：Jessica Bennett

編譯作者：熊不知；公眾號：產品經理熊不知（ID：xiongbuzhia），人人都是產品經理專欄作家。5年產品經理經驗，專注海外社交APP和編輯工具類APP的產品設計。

本文由@熊不知 翻譯發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議

大天朝的文化博大精深，

文字在世界上也是獨樹一幟，

要想把漢字的效果發揮到極致，

還是得往這看！

直接來點實在的。

▼

一、字體意象的選擇

誠然，用戶在閱讀的過程中，思維主要專注于文字內容上。但毫無疑問的，除去內容，載體文字的形、色、間距、強弱，甚至文字周邊的圖片插畫等，純視覺上的元素，也會以意象的方式存入用戶腦海，形成一定程度的“潛意識”。

1、選用哪種字體：

在確定字體的選用前，先得明確其主題。或者說，要理解畫面上的文字，想傳達怎樣的觀感、情緒等。舉例說明：

• 手寫體：

手寫體更能體現“人文”、“自然”的主題，往往能給人以親筆寫下的誠意與溫度。商用廣告里面，像是：家庭題材、手工制作產品、隨筆書籍、部分服務業都適合使用手寫體。就像這樣▼

• 毛筆字體：

“楷書”、“隸書”、“篆書”、“行書”、“草書”等偏向于古樸，有沉淀感的字體適用于偏傳統風、民俗題材、歷史題材、文化古跡等文字內容。如▼圖。

不過這類字，單看裝飾性也很強。如▼

• 標準字體：

標準字體如果加以適當寬松的間距，極簡化的干凈背景，便能極大地提升畫面的嚴謹精致與設計感。如：

蘋果官網

性冷淡官網

2、選擇合適的顏色/明度/色相/飽和度：

暖色：這類顏色偏于熱情，有一種excited的感覺。

紅/橘/黃

冷色：偏于安靜、冷靜、沉穩，所以商務題材非常愛用。

藍色系列

改變顏色的明度/飽和度，可以更加貼近所述氛圍。如：

春天題材：粉綠/粉藍/粉紅

夏天題材：純白/天藍/鮮橙

總結起來，在選擇上，要多代入場景、氛圍來思考，確定主題。成果展現的意象，也千萬要切題。

二、視覺導向的斟酌

大家如果看日漫，一定有這樣的經歷：第一次看日本漫畫時，頻頻蒙逼…

與中文由左至右的閱讀習慣不同，日式排版讓人超不習慣。這算是文化差異帶來的不易閱讀的例子。歸納來說：

1、內容和字體的關系

Ⅰ.字號

這里主要講偏書籍、雜志、手冊類的排版規則。

• 標題：大標題>小標題>副標題>引言>正文

• 正文：一般至少為9pt，如果面向的是兒童、老人這類人群，則需酌情放大字體

• 補充說明：如批注，圖片說明、原作者等，一般在6.5pt左右。

Ⅱ.邊界＆對比

邊界即畫面上下左右的邊距留白，這里用HTML排版里，比較典型的盒子模型為例：

邊界的比例，尤其是在書籍印刷上，給人心理的愉悅度影響程度很大。比如窄邊距，往往有一種壓迫感，兩眼一黑。對比分幾種：

• 字號大小對比

• 重量粗細對比

• 字體形狀對比

• 文字色彩對比

對比主要是將文字動靜分化開，比較有主次、沖擊力。

2、易于閱讀的排版

Ⅰ.行長/行距/分欄

當文章較長時，行長、行距、分欄的設定往往會決定讀者的閱讀節奏。如果閱讀節奏和主題內容較為吻合，往往能得到較好的閱讀體驗，甚至能增強代入感。

• 行長：即每行長度，太長會給人疲累感，太短會給人頻繁換行的閱讀上的不快。

• 行距：每行間的留白，通常8pt的正文字號，適合行距在1.3mm~2.72mm之間。

• 分欄：欄數越多往往意味著行長縮減，故應結合行長調整

Ⅱ.文字間距

文字間距是個神奇的東西，往往它決定著文字在閱讀時的“韻律感”。西方字體，如W和I，其字體寬度本來就不同。但是東方字體,，每個字占據空間相同，幾乎都是一個個正方形方塊。

• 字距狹窄：突出密度感、緊湊感。

• 字句寬松：給人舒適怡然感、結合細體文字往往有一種設計感。

關于視覺的引導性。舉幾個極端的例子大家就懂了，比如：

或者：

三、排版上的美觀

1、節奏＆方向性

舉個例子：

有沒有覺得上圖②號火柴人的跑動方向“奔跑”二字的閱讀方向不同，導致畫面節奏略顯奇怪。

2、文字重點＆對比

這個在上面提到過了，需要注意的是：要先思考突出內容，再考慮整體美觀性。

3、陰影＆線框

如果你想用的純色字體和背景色太過相似，背景色很有可能會“糊掉”你的文字。從遠處看背景與文字根本分不清主次。這個時候可以用線框或是陰影來強調文字，使之在視覺上與背景分開。如下圖的destino。

4、材質

這點和英文字體一樣，使用符合主題的字體材質，往往能增強標題的戲劇化效果，增強文字的密度與重量感。

文字作為抽象產物，材質化也能使之減輕其“抽象感”。

5、文字擬態

這個和材質化很像，也是增強文字張力的手法之一。也能使之更好地與畫面上其他視覺元素進行互動。

四、基于印刷品材質/比例/尺寸的不同，做出相應調整

1、.書籍/雜志/手冊

這類頁數較多、文字圖片內容明確且豐富的出版物，一般會有雛形板式。包括：

• 版面大小
  

• 版心
  

• 段落
  

• 正文
  

• 標題樣式等

如果是書籍裝幀的排版，還涉及到：

• 書眉
  

• 訂口
  

• 切口
  

• 天頭
  

• 地腳
  

• 頁碼
  

• 正文等

原則上至少要做到內容易讀，排版結合讀者閱讀習慣，具有引導性，突出重點。另外，紙質也是重要的參考因素。

2、海報

海報是個很看重“第一眼印象”的東西。一般來說用戶觀看海報的時間平均可能只有1.5秒的時間，接收到的幾乎是瞬時信息。所以標題一定要最顯眼，其次主題、內容、時間等按照視覺邏輯依次按重點優先級排列。

標題文案最好不帶解說色彩，與背景圖片互相呼應互補才是最好的。不過相比文字，大部分情況下海報最重要的元素是圖片，能用圖片敘述的內容，就最好不用文字。

當然，如果海報本身的設計足夠有沖擊力或是吸引力，往往能達到讓用戶停留更長的時間觀看，達到+1s的目的。

3、文字Logo

這個是相當多設計師的槽點之一啊啊！！你們甲方看起來很簡單是吧！！簡單提幾點：

Ⅰ.文字局部擬物：

Ⅱ .局部色彩強化：

最后：

• 高格調好看，但一定一定切合主題 。

• 文字和圖片同樣重要，請將文字當作圖片來處理。

文章來源｜知乎

文章作者｜欒時予

旁友們，看了這么多，

是不是手很癢？

實踐出真知，

快去試試吧。

I設計是有做得好的規則存在的，即便你是“半路出家”做UI，也可以從這些前人總結的規則中，做好UI設計。

前言

今天這篇文章是來自西雅圖的獨立UI/UX設計師Erik D. Kennedy，他在用戶體驗和視覺設計方面有很豐富的經驗。

同時他還運營了一個設計網站，Learn UI Design，他會在上面分享自己學習的心得，也會發布一些視頻教程。有興趣的朋友可以關注一波。

因為是英文佳作，小編能力有限，所以找了英語專業的小伙伴來幫忙，如果有發現什么紕漏，emmm，我們改……

在閱讀文章前，你必須要知道，這份設計指南并非適合所有的人。

那誰需要看我們這些設計指南呢？

• 初學設計的入門學生。
• 希望直接可以設計美觀頁面的開發人員。
• 希望有更好用戶體驗的用戶體驗設計師。

那在這份指南中你將會獲得什么呢？

首先，我是一名沒有UI視覺技能的用戶體驗設計師。我喜歡設計用戶體驗，但是在我意識到需要去學習“如何讓界面看起來更好”之前，我花費一個項目周期90%的時間去瘋狂的學習，拼命搜索谷歌，瀏覽Pinterest和Dribbble，以便從中復制。

而以下這些規則都是那段時間我所學到的經驗：

1. 光來自天空
2. 黑與白第一
3. 加倍你的留白
4. 了解在圖像上疊加文本的方法
5. 使文本彈出和不彈出
6. 只使用好的字體
7. 像藝術家一樣竊取

那接下來就讓我們一一展開來討論吧。

一、規則1：光來自天空

人類大腦通過陰影解析到我們正在看什么用戶界面元素。

這可能是我們理解UI設計最重要但經常被忽略的規則。

我們都知道光來自天空，已經習慣了光的照射方式，以至于從下面來的光會看起來更加怪異。

WoooOOOooo（國外設計師也愛恐怖片啊）

當光線來自天空時，它照亮了物體的頂部并在它們下面投下陰影。物體的頂部較亮，底部較暗。

UI也是如此；就像面部特征中，所有底面上都有小陰影一樣，在您可以找到的幾乎每個UI元素的下側都有陰影。

我們的屏幕是平的，但是我們在設計過程中盡量讓元素看起來更立體。即使在現在扁平化當道的潮流下，我們也能在很多優秀作品的細節中，看到這條規則存在的意義。

就拿按鈕來說，即使使用這個相對“扁平”的按鈕，仍然有一些與光有關的細節：

• 未按下的按鈕具有深色邊框；
• 未按下的按鈕頂部比底部略亮；
• 未按下的按鈕投射出一個微妙的陰影；
• 按下的按鈕底部比頂部更暗，整體也呈現暗色調，因為我們的手遮擋略光線。

iOS 6有點過時了，但它在輕松行為方面做了很好的案例研究

這是iOS系統設置模塊的——“請勿打擾”和“通知”。 細節處的光效非常豐富。

• 插入控制面板的上唇投下一個小陰影；
• “ON”滑塊軌道是凹形的，底部反射更多光線；
• 滑動滑塊，看到它們頂部周圍的明亮邊框？這代表它是垂直于光源的表面，因此接收大量光線，從而將大量光線反射到您的眼睛中；
• 分隔器凹口被遮擋在遠離太陽的角度，反之亦然。

分割線缺口處的特寫鏡頭

在上面提到了“扁平化設計”，那具體如何解釋扁平和光效的關系呢？

在ios7開始的設計潮流中，“扁平化設計”在科技界引起轟動。

的確，它確實是平的，沒有模擬的凸起或者凹痕，只有純色的線條和形狀。

可是在不久之后，“半扁平化設計”的概念就興起，它仍然很干凈、很簡單，但是你會發現，在一些設計元素的細節上，都有陰影的體現。

OS X Yosemite— 帶有光影細節的扁平化設計

同時，谷歌推出的“Material Design”設計語言，這種統一的視覺語言，其核心就是尋求模擬物理世界的物品，在它的設計規范中也提到了如何使用不用的陰影來傳達不同的深度。

這就是我所看到的和我所理解的，對用戶最為友好對一種表現方式。它使用現實世界的微妙細節表現來傳達信息。

我想，“Flatty”就是以后UI設計的發展方向，純扁平化和擬物都已經是過去的事情了。

二、規則2：黑與白第一

1. 在為設計做配色之前，先把畫面進行灰度設計

簡化了視覺設計中最為復雜的元素，迫使設計師專注于元素間距和頁面布局。

就像現在的交互設計都是“移動優先”，這就意味著，先從更難的問題開始解決（小小移動設備屏幕上的交互），然后采用類似解決方案來解決更容易的問題（大屏幕上pc設備的交互）。

類似在視覺設計中的規則：首先設計黑色和白色。也就是我們在沒有顏色的幫助下，去使用各種方式來達到產品的美觀性和易用性，最后在添加顏色。

Haraldur Thorleifsson的灰度線框看起來和完成的網站一樣好

這也是讓產品看起來“干凈”和“簡單”的可靠辦法。過多的顏色往往很容易搞砸設計。而“黑與白第一”迫使你首先關注間距、尺寸和布局等內容，這些才是簡約設計的主要關注點。

優雅的灰度

而在某些情況下，“黑與白第一”看起來并不有用。我們在設計具有強烈特定態度的作品的時候，如“運動型”、“華麗畫面”、“卡通設計”等，這些都是需要非常好的去使用顏色來表達產品。

Julien Renvoye（上）和Cosmin Capitanu（下）的華麗和充滿活力的設計

2. 接下來，就是如何去添加顏色

最簡單的方案就是只使用一種顏色。

在灰度的頁面上只添加一種顏色可簡單有效的吸引眼球。

你也可以邁出一步，使用灰度+兩種顏色，或灰度+單色調的多種顏色來傳達設計思想。

如何過你還不清楚什么是色調？

來自Smashing Magazine的單色金色主題

來自Smashing Magazine的單色藍色主題

通過修改單個色調的飽和度和亮度，可以生成多種顏色，但它并不會讓人眼前一亮。

而使用來自一個或兩個基色調的多種顏色，是在保證設計不混亂的情況去，去強調和中和元素最可靠的方法。

Kerem Suer的倒數計時器

三、規則3：加倍你的留白

如果想讓你的頁面看起來是被設計過的，那就通過大量的頁面留白來增加元素之間的喘息空間。

在“規則2-黑與白第一”中，設計師在設計顏色之前就考慮間距和布局，這是一件好事。那么，現在就開始討論間距和布局吧。

如果你有編寫HTML的經驗，在熟悉的HTML默認布局的頁面上，一切都被堆砌到屏幕的頂部。字體很小，線條之間沒有空間，段落之間的空間也不夠。

這些從審美的角度來說，實在太糟糕了。

還是那句話，如果想要讓頁面看起來具有設計感，那就加大頁面的喘息空間，哪怕是過大的留白也比毫無留白來的好。

如果你和我之前一樣，習慣于使用默認的格式去編輯頁面，現在就應該認識到哪些壞習慣了。

我們把留白作為頁面的設計元素，所有的內容都以空格開頭，知道有其它的元素替換它。

節奏感是設計頁面的一個重要原因。

從一個空白頁面也就開始意味著從留白開始。從一開始就想到的邊距和間距，用你所添加的元素有意識的去一個一個替換空白。

這是Piotr Kwiatkowski的音樂播放器概念

請特別主意左邊的菜單

菜單項之間的垂直空間是文本高度的兩倍，文本為12px字體，其字高和上下間距相同。

再看看列表標題：

標題“PLAYLISTS”和它下面的下劃線之間有15px的空白，這不僅僅是字體本身的字高，也就是說清單之間的留白達到了25px。

頂部導航欄中有更多空間。

“搜索所有音樂”文本是條形高度的20％；圖標的比例相似。

右側邊欄顯示文本行之間的寬松間距，都是設計師有意識的去做的，并且展現出了很好的效果。就美學而言，這些都足以和最好的音樂UI競爭。

慷慨的留白可以使一些最混亂的界面看起來更簡潔。

Forum design concept by Matt Sisto

Wikipedia design concept by Aurélien Salomon

最后重要的事情重復一遍：

• 在你的線之間放置空白；
• 在元素之間放置空白；
• 在元素組之間放置空白；
• 整體分析什么才是最重要的。

小結

好了，以上就是第 1 部分，感謝你們看到了這里。

接下來在第二部分中，我們會討論最后的 4 條規則：

1. 了解在圖像上疊加文本的方法
2. 使文本彈出和不彈出
3. 只使用好的字體
4. 像藝術家一樣竊取

如果你覺得這些對你有幫助，可以關注下我們第2部分的分享。

原文作者：Erik D. Kennedy

原文鏈接：https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda

本文由 @設計師日記 翻譯發布于人人都是產品經理 ，未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協議。