很可惜 T 。T 您現在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經錄用會有專人和您聯系
咨詢如何成為春羽作者請聯系：鳥哥筆記小羽毛（ngbjxym）
原文：3 way to Improve Your Visual Design Skills
原文地址：http://heydesigner.com/blog/improving-visual-design-skills/
作者：Jules Cheung
翻譯：Chleese
為新人提供一些視覺設計小技巧
當我看過了許多初級設計師的作品集后，我注意到一種發(fā)展趨勢。設計師（大多數來自培訓機構）都把重點集中在UX，傳播和普及Design Thinking的思想觀念。他們缺乏一種把生活的感受融進設計的能力，同時，作品集內容也很單調，就類似于美術學校中玻璃櫥窗中展示的基本作品。
2017年4月，Glassdoor的一項快速研究表明了很多企業(yè)開始雇傭產品設計師去任職端到端的設計。
伴隨著困難和錯誤，我開始了我的職業(yè)生涯，作為一名平面設計師，學習布局和結構排版的方法。反觀我的職業(yè)歷程，自從我開始做第一個學校的項目后我取得了很大的進步：
幸運的是，隨著時間的的積累，可以逐步提高視覺設計能力！這是我近期的一個項目：
好了，接下來我將給大家分享三個關于視覺設計的小技巧。
視覺分層系統(tǒng)是可以更有次序的組織相關信息部分，該系統(tǒng)的建立基于布局中組織好的組件（排版，線，形狀，圖像，顏色和空間）。按照視覺分層系統(tǒng)去設計和創(chuàng)作將會讓用戶無間隙有次序的瀏覽所需傳達的信息。舉個例子，讓我們一起看看Airbnb網站是如何設計網站的排版部分：
當你看到這個頁面時，會先看到哪部分并且是按照什么次序呢？如果你不確定答案，可以嘗試把這頁面變成黑白色。并留意自己的眼睛是如何放大化黑暗（更具飽和度）的組成部分。
視覺分層系統(tǒng)是建立在組成部分合理安排的基礎上，優(yōu)先顯示的信息在前，次要的信息在后。這會經常作為一個練習 — 在商業(yè)目標下權衡用戶的需求。對于Airbnb來說，商業(yè)目標就是當用戶需要尋找地方去住時，去讓用戶創(chuàng)建一個關聯的賬戶。換句話說，在頁面上商業(yè)目標勝過用戶所需。
一個好的視覺分層系統(tǒng)和構成可以使你的視線流暢的瀏覽完整體布局。一個視覺分層不足的系統(tǒng)會讓你對所傳達的信息產生誤解和困惑。
讓我們來看下面3個案例：
練習建立視覺分層系統(tǒng)。對于可調整的組成部分，我有下面幾個建議：
字體 — 更大和更粗的字體可以抓住人的視線，但對于標題來說你應該盡可能保守的使用這個方法。
分割線 — 線幫助將信息分組，提供了布局，彌補了尷尬的空白空間。
顏色 — 更暗和更具飽和度的顏色容易引起人們的關注。
圖像 — 圖片可以是很具吸引力的，但是要盡量遠離攝影。
空間留白 — 留白會是你的好幫手。利用留白可以將信息分組或是單獨隔離（強調）一件重要的事情。
如果你需要幫助自己理解視覺設計組件的標準，Steven Bradley寫了一些很精彩的文章，可以參考，線，顏色，形狀和空間。
每位設計師都應該了解格式塔理論和視覺感知原則。格式塔理論在20世紀初由德國心理學家提出，提出了人們組織視覺經驗的理論化方法。如今，設計師使用格式塔原則作為一種更有效的加強信息的視覺上聯系的設計框架。
“我們可能會減弱有效的聯系，選擇高影響的格式塔圖片匹配目標用戶?！?—? Gregg Berryman
Smashing Magazine已經解釋了格式塔理論的規(guī)則，所以我將會多給你們舉實例去理解。
主體/背景
通常來說，背景是指主體（目標）存在于背景上面的（當物體重疊時，通常把小的看作背景之上的主體）。目的是保持注意力在這個主體上并且能明顯的區(qū)別于所在背景。利用高對比度的顏色設計將會建立強烈的主體/背景關系，當然，低對比度的顏色將會削減他們之間的關系。新人設計頁面時，應該保持背景的簡潔（可適當運用淺純色或細微紋理）并且目標不要運用過多種顏色。
接近性
在視覺上，利用接近性可以將目標分組?？梢越Y合運用顏色使分組更明確。與接近性相反，空間留白，也可以加強分組或是隔離不相關的元素。
相似性
相似的物體會被認為是相關的。相似的物體可以擁有相同的顏色，形狀，尺寸大小，或是朝著相同的方向。運用相似性原理可以使相關的物體產生緊密的關聯性。
連續(xù)性
人的視線會隨著線，曲線或者按順序放置的目標保持連續(xù)的觀察。當連續(xù)的目標被其他主體打斷，我們的眼睛會自然而然認為這些主體之間是不同的實體（不屬于一組）。運用顏色可以加強連續(xù)性和連貫性。
封閉性
不完整的主體，或是有留白導致不完全封閉的物體，會被大腦感知為是完整的物體，大腦自動填補了空白處。設計師可以利用這條封閉性原則去創(chuàng)造引人注目的圖形。
設計師應該確信文字的清晰性和易讀性。年齡越大，我將會對這些字體更加缺乏耐心，比如說超難解讀的，超細，淺色字體等。關于文字排版這里有一些很棒的建議你可以記住:
開頭空兩個文字
一個文字（又名字形體系）就是設定了具體字號大小和粗細的文字。Jon Tan解釋說:
“就拿使用Georgia字體來舉例，“常規(guī)體Georgia字”，“斜體Georgia字”，“粗體Georgia字”和“粗斜體Georgia字”，在我的認知中，這些字體構成了Georgia字形系統(tǒng)”。
經驗告訴我們，用一種標題主題字體和另一種字體作為內容主體字體，但在一個頁面布局中最好不要多于2到3種字體。一般來說，標題或類型越多(引用，鏈接等)，你就需要運用更多的字體。下圖所示的例子，是運用2種不同的字形系統(tǒng)中(Lucida Grande and Cambria) 的7種字體。
在Hongkiat網站上面的字體工具尋找最匹配的字體。有很多設計師用Google字體，因為網站上有818種免費的字體形式可供挑選。還有一些設計師訂閱付費服務，比如MyFonts或是Fonts.com。
內容主體使用的最小字是14px
我曾經加入了“微小的文字更時髦”的陣營。在看過了使用者掙扎的讀我設計出的12px的字的內容后，發(fā)現14px為易讀的最小字號?，F如今，網頁設計的趨勢是字號變得更大，如同文章中已證明21px的字作為主體內容文字大小。除了你需要強調一些事情的情況，如頁面要公告免責聲明。你可以查看Christian Miller的作品，關于為什么你的內容字體太小。
行高=1.5-2倍字號
行高指的是段落中句與句之間空白的高度。如果這個值太小會使讀者感到文章行與行間太密集，文字都擠在一起的感覺，行高值太大的話會導致句與句之間被切割一樣，瀏覽時會感覺不連貫。
“一個使用單倍行距的閱讀段，會導致許多人認知上的閱讀障礙。使用1.5到2倍間的間距，可以讓人們在剛結束閱讀一行后，更容易開始下一行?！薄?/span>w3c.org
除了行高，段高是指段落之間的空白數量。根據W3C的Web內容可訪問性指南，你應該設置段落之間的高度大于1.5倍行距。
最佳句子字符數-66個字符
每個句子中的字符數是保證可讀性的關鍵。一個句子中字符數過長連讀會困難，當然太短的話會打破閱讀的節(jié)奏。許多設計師把元素排版風格作為最佳句子字符數的商業(yè)標準。
任何使用45-75個字符是廣泛的情況-這個字符數量范圍被認為是單欄布局中使用襯線字體大小的頁面，令人滿意的長度。一行66個字符(包括字母和空格)被廣泛認為是很理想的情況?！?Robert Bringhurst
W3C的Web內容可訪問性指南加強了這一標準，闡述一個句子可以容納“不超過80個字符和符號?！?/span>
其他的視覺設計小技巧
學習配色理論規(guī)則。
綜合考慮顏色的使用基準。
如果不是你非常喜歡圖形創(chuàng)作，你可以使用免費的圖標素材網站，會使你的創(chuàng)作加快速度，例如Material Icons， Ionicon，或Noun Project等。
當你想垂直居中一個目標，把它先置于較真正的居中點稍偏上的位置，再去調整它，可以避免視覺錯覺。
以上是我初次翻譯的成品，感謝Jules的文章，感謝你的觀看。
本文為作者獨立觀點，不代表鳥哥筆記立場，未經允許不得轉載。
《鳥哥筆記版權及免責申明》 如對文章、圖片、字體等版權有疑問，請點擊 反饋舉報
我們致力于提供一個高質量內容的交流平臺。為落實國家互聯網信息辦公室“依法管網、依法辦網、依法上網”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據本公約中的條款對注冊用戶和發(fā)布在本平臺的內容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質內容，同時也將采取必要措施管理違法、侵權或有其他不良影響的網絡信息。
一、根據《網絡信息內容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權益；
11)通過網絡以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網絡欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內容；
2. 不友善：不尊重用戶及其所貢獻內容的信息或行為。主要表現為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網站秩序的內容，或進行相關行為。主要表現為：
1)多次發(fā)布包含售賣產品、提供服務、宣傳推廣內容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內容；
4)多次發(fā)布包含欺騙性外鏈的內容，如未注明的淘寶客鏈接、跳轉網站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產品、品牌等內容獲取搜索引擎中的不正當曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網站秩序的推廣內容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內容，如通過偽造經歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內容審核的廣告內容。
4. 色情低俗信息，主要表現為：
1)包含自己或他人性經驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內容；
4)帶有性暗示、性挑逗等易使人產生性聯想；
5)展現血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內容。
5. 不實信息，主要表現為：
1)可能存在事實性錯誤或者造謠等內容；
2)存在事實夸大、偽造虛假經歷等誤導他人的內容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構或個人存在關聯。
6. 傳播封建迷信，主要表現為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br /> 2)求推薦算命看相大師；
3)針對具體風水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現為：
1)以各種夸張、獵奇、不合常理的表現手法等行為來誘導用戶；
2)內容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現為：
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內容，主要表現為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的；
2)不當評述自然災害、重大事故等災難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網絡生態(tài)造成不良影響的其他內容。
二、違規(guī)處罰
本網站通過主動發(fā)現和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內容質量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內容時，本網站將依據相關用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內容時，本網站將加重處罰。
三、申訴
隨著平臺管理經驗的不斷豐富，本網站出于維護本網站氛圍和秩序的目的，將不斷完善本公約。
如果本網站用戶對本網站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網站進行反饋。
(規(guī)則的最終解釋權歸屬本網站所有)