如果你對藝術有著足夠的熱忱，又能夠玩轉技術，那么UI/UX 一定是你的菜。這是為數不多能為技能、想象力、創造力和技術提供一個出口的工作，也正是這種屬性，使得這經驗豐富的UI和UX設計師如此搶手。

如果你正在尋求提升技能的方法，那么下面的十個技巧絕對是幫你走向專業的秘訣。

在繪畫和素描上多投入點時間

UI/UX 設計師的這個職業，是視覺藝術家和技術專家的結合體，同時還對于代碼和數碼藝術有著敏銳的感知。不過隨著時間的推移，我發現我距離最初對于藝術的熱情越來越遠。

這樣的情況令我設計越來越困難，直到我拿起畫板開始在紙上構思。正如同許多藝術類課程所推崇的那樣，我在紙上勾勒出正負空間的交疊，加上色彩，調整透視，制造布局，打磨框架……這些元素基本都算是用戶界面設計的基本技能，并且可以帶你更接近成功的夢想。

借助原型工具做好用戶測試

對于UI和UX設計師而言，這是相當重要的一個秘訣：做好用戶測試。從打折測試到實驗室測試，不同的測試方法可以用來應對不同的情況，如果你真的想好好做一下用戶測試，那么Jeffrey Rubin 的這本《Handbook of Usability Testing》絕對是不二的選擇。在工具的選取上，我個人更喜歡的是Invision，它可以將我的設計轉變可交互的視覺稿。

為移動端設備優化UI和UX

有些設計師為桌面端和移動端只準備一個設計框架，這是一個最常見的錯誤。在充分認識到這一點之后，我動員我的團隊設計出不同的版本。

為此，我們為移動端優化出的設計模塊，擁有更大的文本，較少的元素，自動輸入的區域等典型的特征。有個用戶體驗設計原則在此非常實用，那就是將每個任務分割為更小的部分，這樣可以將任務細化為一個特定的過程。

此外，我們還會使用一些特殊的基于移動端特征的設計，比如根據用戶的手持方式和手指位置來進行界面布局優化。

善于合理復用UI模式

設計模式本身的功能相當強大，用好了可以四兩撥千斤。如你想提升你的設計技能，不妨將現有的一些設計模式都仔細研究一下，充分地運用起來。目前最典型的設計模式是卡片式設計，當你設計出關鍵的組件之后，使用卡片的樣式呈現出來，用戶會將這種樣式和功能聯系起來，之后隨著熟悉，降低對不同組件不同功能重新學習的負荷。

挖掘優化工作流程的方法

如果你想成為一名真正卓越的UX設計師，那么你應該將你的注意力轉向了解如何正確處理工作上。就設計這件事本身而言，如何在不同的情況下選擇不同的思路和流程是最基本的層面。

你可以選擇敏捷開發來搞定可交互的遞增型設計，你也可以使用能力成熟度模型(CMM)和能力成熟度模型集成（CMMI）來進行品質控制和分析，使用精益創業（Lean Startups）作為框架，借助最小可行產品（MVP）來理解用戶的基本需求。

如果你想提升自己，還得充分研究潛在客戶

我想我可能還強調的不夠，真的！也許會有銷售人員吹噓如何賣梳子給和尚，但是現實生活中向牙都沒有的老太太賣連牛排，或者向警察賣大麻這樣的事情，成功率有多高用腳都可以想的出來！

在不知道潛在用戶年齡、背景、需求的情況下，真的能作出好的、對的設計么？面向布魯克林周邊用戶的夜店和面向麻省理工大學生的夜店的官網在設計上肯定有差異，難道不是么？

做做用戶調研，想明白頁面上應該給用戶提供哪些信息，制作一個簡單的小樣，看看它是否符合你的想象和預期。

用好網盤和協同工具

Google Drive 是一個典型的協同化的云端存儲工具，它拯救過我的次數已經數不清了！它強大的共享和備份功能對于UI和UX設計師而言，確實太贊了。

現在許多網盤當中已經內置了文檔編輯功能，Google Drive 就可以直接編輯表格、文檔和PPT。所以，你可以直接在云端編輯PPT，在其中制作線框圖，編輯UX流程，繪制簡單的狀態圖，和團隊成員分享筆記和用戶反饋，如果你要修改也是相當簡單方便的事情。

鉆研成功產品中的技術技巧

好了，接下來我們來聊聊和技術細節有關的事情。現如今的網頁設計需要扎實的排版設計知識作為后盾，作為UI和UX方面的專家，你應當對于間距、縮進、響應式等技術細節有一定的了解（了解CSS樣式中各種屬性和標簽）。

隨后，你需要了解怎么運用工具，如何實現這一切：CSS標簽都用錯了，絕對是不可接受的！所以，一定要小心。要確保可點擊的區域符合需求，給用戶帶來更好的體驗；保證字體尺寸合理，保證頁面的可讀性；超鏈接的色彩顯眼又便于點擊，等等等等。

為了整體的開發提升配色技巧

如果你想成為一名優秀的UI和UX設計師，配色技巧無疑是令一個關鍵。使用正確的色彩，能讓頁面中特定的元素顯得更加突出，為整個設計提供良好的對比度，正確地引導用戶注意力。

正確的色彩運用能調和頁面的不同區塊，有效的提升整體的設計。多年的設計工作給我最直接的經驗就是，更好的視覺設計意味著更多的收益！雖然色彩和對比度的控制是小技巧，但是真正借助這一技巧來管理用戶的注意力的設計師并不算多。

善用線條、動畫和負空間

之所以我如此的注重線條、動畫和負空間，是因為我在走了許多彎路之后才認識到它們的重要性！當我剛剛開始為用戶設計網頁的時候，對于這些東西完全沒概念，是在一次次失敗中對它們逐步認識、了解再到熟練的。年輕的時候單純樂觀，失敗了就去分析失敗的原因，最終有了今天的這個條目。

多使用留白或者說負空間，用動態元素來填補過渡，在不同的組件之間合理地運用線條來做視覺引導，整個設計會好很多。當我用這些技巧重新設計最初的作品之時，效果出人意料地不錯，獲得了不少正面的反饋。

【技多不壓身的設計師才有高薪資！】

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：designyourway
原文作者：Mauricio Prinzlau
優設譯文：@陳子木

「子木說」（Ver.偷懶）

敏捷開發：敏捷開發以用戶的需求進化為核心，采用迭代、循序漸進的方法進行軟件開發。在敏捷開發中，軟件項目在構建初期被切分成多個子項目，各個子項目的成果都經過測試，具備可視、可集成和可運行使用的特征。換言之，就是把一個大項目分為多個相互聯系，但也可獨立運行的小項目，并分別完成，在此過程中軟件一直處于可使用狀態。

精益創業：其核心理念可以追溯到軟件行業的敏捷開發管理。例如“最小可用品”與“原型建模”非常相似，都追求快速的版本迭代，以及時刻保持與客戶的接觸并獲得反饋等等，精益創業可以理解為敏捷開發模式的一種延續。

能力成熟度模型（CMM）：CMM的基本思想是，因為問題是由我們管理軟件過程的方法引起的，所以新軟件技術的運用不會自動提高生產率和利潤率。CMM有助于組織建立一個有規律的、成熟的軟件過程。改進的過程將會生產出質量更好的軟件，使更多的軟件項目免受時間和費用的超支之苦。

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com