可以幫助UI/UX設計師自我提升的實用秘訣
可以幫助UI/UX設計師自我提升的實用秘訣-移動閱讀二維碼

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

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

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

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

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

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

2561422

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

為移動端設備優化UI和UX

2575645

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

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

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

善于合理復用UI模式

2576649

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

挖掘優化工作流程的方法

2579814

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

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

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

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

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

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

用好網盤和協同工具

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

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

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

2569851

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

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

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

2565214

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

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

善用線條、動畫和負空間

2557917

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

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

 

原文地址:designyourway
來自:優設 ? ? ?譯者:@陳子木

本文鏈接:http://www.casaleticia.com/ui-and-ux-tips-secrets.html
本文標簽: , , , , ,