請問如何培養手機軟體設計能力(包括UI界面設計和代碼編寫)?

請問,作為一名未畢業的非計算機專業的大學生,能從什麼途徑增長和培養自己這方面的知識?


用對工具。


用戶體驗設計師負責提升可用性、可訪問性並以更具樂趣的方式實現用戶與產品間的交互。作為用戶體驗設計師,用戶研究、原型設計、用戶測試以及設計協作正是其最為重要的技能所在。了解多種最佳用戶體驗工具,可以幫助大家提升設計效率。


用戶研究 – 通過觀測技術、任務分析及其它反饋信息理解用戶行為、需求及動機。設計– 原型設計能夠幫助大家了解應用是否能夠正常運作,同時檢查設計與功能中可能存在的缺陷。用戶測試 –幫助發現設計中的問題或瓶頸。設計協作 – 使設計流程更加流暢,同時簡化團隊成員與相關各方的溝通。

1. Sketch


根據其創始者Pieter Omvlee所言,Sketch是一款圖像編輯器,專門用於進行數字化設計。其他專門面向需要設計界面、網站與圖標的OS X用戶。Sketch的作用與Photoshop及Illustrator非常類似,但針對UX設計師做出了靈活性調整。Sketch的矢量圖形能夠輕鬆實現樣式、大小與布局調整,從而消除各類令人頭痛的手動操作。每個新對象自動被貼入新的圖層,這就讓組合更具創意且輕鬆實現導航。另外,只需一次點擊即可將成果從Sketch中導出。價格:99美元

2. Mockplus


這是一款基於桌面的用戶體驗工具, 可快速實現移動、Web及桌面應用原型設計 。憑藉著出色的易用性,用戶無需憑藉編程知識即可快速上手。Mockplus擁有良好的所見即所得功能, 例如大家熟悉的彈出菜單交互,3步即可實現:拖一個彈出菜單組件和一個按鈕到畫布,之後拖拽按鈕的鏈接點到彈出菜單,然後運行演示。 總而言之,Mockplus是一款價格便宜且能夠快速建立交互原型的出色工具。 此外,該產品還有個姊妹產品,Chainco,可專門導入UI視覺圖交互演示,簡單好用,UI/UX設計師有福了。

價格:英文版:基礎版——永久免費 高級版——包年支付月均15美元,包月支付每月29美元。
中文版:免費版——永久免費 專業版——包年118人民幣,平均每月不到10元。

3. XMind


XMind是一款高人氣思維導圖工具,無數人利用它理清思路、管理複雜信息並進行工作安排。這款軟體允許用戶列出一切與項目相關的因素,包括目標、威脅、計劃、進度、要求等等。XMind以可視化方式幫助用戶快速理解其信息,並可自定義目標、進度、要求與問題的描述方式。價格:免費版——永久免費增強版——79美元專業版——99美元

4. UsabilityTools
UsabilityTools是最具人氣的UX工具之一,負責對網站及Web應用進行頁內可視化分析。Usability Tools能夠幫助大家了解設計中的優點與缺陷,並提醒我們哪些作法並未起到良好效果。另外,它還能夠建立自定義行為流,幫助我們知曉調整手段的實際收效。價格:試用版——14天專業版——每月19美元起

5. Marvel
Marvel是一款Web應用,能夠輕鬆實現設計、原型構建與協作。大家不僅可以藉此設計用戶界面與圖標,同時也能夠將來自本地、Dropbox以及Google Drive的屏幕設計添加為「熱點」。只需數次點擊,大家就能將各屏幕聯繫起來以構成互動式移動及Web應用。價格:基礎版——永久免費/專業版——每月15美元起

6. Slack
Slack的口號是「實現二十一世紀的團隊溝通」,它能夠將Google Drive、Twitter以及Dropbox等溝通工具整合起來,幫助團隊輕鬆交換意見。UX設計師能夠藉此與其他團隊成員實時交流,從而消除隔閡、通力協作。價格:免費版——永久免費/標準版——每月6.67美元

7. UserTesting
糟糕的使用體驗不僅會惹惱用戶,更會給企業造成嚴重損失。User Testing能夠幫助大家從用戶處獲取反饋、遠程管理測試並在一小時內得出結論。這項服務適用於登錄頁面、郵件、廣告、原型設計、實時站點以及應用程序。價格:基礎版——每段視頻99美元(前十段視頻每段49美元)

8. Optimizely
與User Testing類似,Optimizely也能夠輕鬆對網站及移動應用進行測試及個性化調整。然而,Optimizely主要強調A/B測試,因此設計師能夠藉此調整界面以獲得更理想的效果。

9. Stylify Me
Stylify Me旨在幫助設計師快速了解站點的設計方針,包括色彩、字體、大小及空間布局。這款工具能夠有效完成站點研究工作,且無需立足於太過具體的元素,從而幫助設計師掌握設計傾向並做出決策。

10. Color Safe
Color Safe能夠幫助設計師們選擇合適的色彩搭配,從而確保用戶能夠在不同顯示效果及屏幕解析度下擁有同樣卓越的訪問體驗。


代碼編寫部分其實不難,我也不多說了。

我們說說設計部分吧。

1、要買手機,要經常用,這個聽起來簡單,但是實際上沒那麼簡單。

2、寫好了程序要多用,不要在模擬器上用,要在真機上用。

3、要躺著用,坐著用,歪著用,趴著用。

4、要地鐵用,商場用,等車用,咖啡館用。

5、總之,用戶怎麼用就怎麼用。

6、電腦軟體上的用戶和開發者,都是坐著用的,手機用戶會老老實實的坐著么?


建議看一遍dev guide和reference收穫會很大,UI界面多體驗一些軟體,嘗試著自己去實現練習


作為一個在職的feature phone 開發人員,給出幾點建議:

1.要明確手機軟體設計有很多類別,有類似我們的feature phone的軟體設計,UI設計(在我們說來是MMI設計);也有專門的應用程序(APP)設計,比如說針對android操作系統的,iphone(ios)系統的,s60(QT)。你要確定你要學在哪個平台下面做開發。

2.不管是對何種平台。做軟體開發一定要會自己搭建開發環境,要搭建好開發環境了再談開發才有意義(我覺得在校學生可能都沒有經過這方面的經驗)。開發環境中最主要的是手機模擬器,你可以在手機模擬器上面運行自己開發的軟體 ;-)。

3.開發環境每個平台都有專門的手把手教的開發環境搭建教程,你直接到他的官網去看就行了。android的是http://developer.android.com/(這個地址會被牆,你翻牆看就行了),iphone(ios)的是http://www.apple.com.cn/developer/ios/index.html,其他的操作系統也同樣;

4.接下來的就是好好練習,鞏固你在學校中學習到的編程能力,數據結構,等等能力了,這個應該每個人都不差,就不說了。


把它融進生活里。多看多用。用心去體會每一個細節。


體驗別人的手機系統和各類應用 找出OK或者不怎麼OK的地方 想想如果是你,你準備怎麼改進。至於代碼純技術的就不嚇攙和了


推薦閱讀:

ui和前端該如何選擇?
這7個思路,能幫你在設計項目中用好小圖標
UI小史
2018 十項 UX 設計預測

TAG:用戶界面設計 | 軟體界面設計 | 手機設計 |