104學習精靈

App UI設計

App UI設計
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

App UI設計 學習推薦

全部
影片
文章
巨匠電腦 豐原分校

巨匠電腦 豐原分校

2023/10/16

最佳化專案成功: UI設計師與開發人員的協作之道
在現代的應用程式和網站開發過程中,UI設計師和開發人員之間的有效協作至關重要。他們共同努力,才能創造出令使用者滿意的使用者介面和優質的使用者體驗。以下是一些方法,可以幫助UI設計師與開發人員建立默契,實現協作的順暢進行。
1. 充分溝通與共享設計資源
UI設計師與開發人員應保持密切的溝通。設計師應向開發人員提供詳細的設計規格、原型和圖形資源,以確保設計的實作符合預期。
2. 提前介入,共同討論
最好在專案早期就讓設計師與開發人員共同參與討論,共同探討需求、功能和技術限制,以確保設計能更好地適應實際開發流程。
3. 使用協作工具
利用協作工具,如Figma、Sketch、InVision等,可以讓設計師和開發人員更輕鬆地分享設計文件和提供回饋,提高協作效率。
4. 了解開發流程
設計師應了解前端和後端開發的技術要求,以便制定更實際的設計,避免不切實際的要求,使設計更容易實施。
5. 遵循UI指南和最佳實踐
設計師應創建符合UI指南和最佳實踐的設計,以便開發人員可以更輕鬆地將其實施到程式碼中,確保一致性和可維護性。
6. 接受回饋並進行修改
設計和開發是一個迭代的過程。設計師和開發人員應該準備好接受回饋,並進行必要的修改,以確保最終的使用者介面是高品質的。
7. 共同測試與驗證
設計師和開發人員應一起測試和驗證使用者介面,發現和解決任何問題,以確保最終產品的品質。
8. 尊重專業領域
設計師和開發人員應相互尊重彼此的專業知識領域,共同為專案的成功而努力。
9. 持續學習與改進
UI設計師和開發人員可以相互分享知識和技能,不斷學習新的技術和方法,促進跨職能團隊的合作。
透過上述有效的協作方法,UI設計師與開發人員可以共同創造出令人滿意的使用者介面,為使用者提供優質的體驗。
0 0 528 0

熱門精選

104學習精靈

產品

05/31 20:02

【購買指定課程】買就送200元Line Points點數
活動名稱:【購買指定課程】買就送200元Line Points點數
活動期間:2024/6/5 11:00- 2024/7/2 23:59
活動說明:活動期間於104課程中心付費購買「指定課程」,即可獲贈200元Line Points點數回饋。(不累送,單帳號僅有乙次贈送資格,限量100名)
【指定課程如下】
🟣NEW TOEIC 新多益線上高分速成班
🟣GA4+GTM網站數據分析實戰課
🟣SEO搜尋引擎優化七大密技|攻上頂端排名寶座
🟣微軟 Azure|通關 AZ-104 認證攻略,邁向雲端 IT 管理之路
🟣Power BI 零基礎實戰 | 培養商務數據分析力
🟣告別新手村FB與IG廣告投放攻略|AI助你輕鬆提高廣告效率
🟣Jen 的一分鐘英文短講會話術
🟣Jumbo 的多益單字獨門記憶法
🟣PyTorch生成模型全解析|從生成式對抗網路到擴散模型
🟣超熙利!一門課搞定你的英文履歷面試
🟣(最新版.NET 6)ASP.NET Core MVC 無痛快速上手
🟣上班族開會英語線上實戰班
【活動注意事項】
1. 獲贈資格須符合下列說明:
(a)指定課程購買者必須於104課程中心系統完成付費紀錄。( 特別提醒:於TibaMe 官網線上消費之購買者,不適用於本次活動資格。)
(b)訂單成立且完成付款時間皆須於2024年7月2日23:59前,並於7天內完成課程兌換,始符合獲贈點數回饋的資格;最後獲贈者將公告於本活動網站,中間姓名會隱藏。
(d)限量100名之回饋名額,採上述依照訂單完成消費付款之前100名,符合上述資格的前100名會員,單帳號僅有乙次贈送資格,因點數作業時間,您的回饋點數最晚將於2024/7/31-2024/8/10前寄送至您購買時填寫的e-mail電子郵件信箱。
2.本次贈送的200元Line Points點數,點數發送後請於規範時間內完成兌換,點數兌換後於180天內須使用完畢,逾期失效。
3.如您有任何問題,歡迎來信nabiservice@104.com.tw
4.104課程中心保有最終修改、變更、活動解釋及取消本活動之權利。
- - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - -
【主活動】職場先修班
【其他活動】職場先修班開跑了!【緯育TibaMe】限時全館 86折折扣碼
【其他活動】【購買指定課程】買就送100元Line Points點數
0 0 4082 1
104學習精靈精選課程
看更多課程
想提升職場競爭力?專業技能課程看起來👇
1864 4
Kinny

產品設計師

2022/04/08

[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
若你是UI/UX設計師,看到有些公司徵「產品設計師」的職缺,適合投遞嗎?
UI/UX設計師與產品設計師的工作有什麼不同?以下為您解答。
在過去的十年當中,介面設計領域經歷了一些進化,而承擔這些相關職能的稱謂,也隨著時間推移發生了一系列的調整。現今常聽到的UX設計師、UI設計師和產品設計師,這些工作角色之間有什麼區別?
1.UX / 體驗設計師:
就是專門針對體驗進行設計的角色。理論上體驗設計師是做用戶研究和制定體驗方案,並從使用者的心態和角度思考設計;主要關心的是產品「用起來感覺怎麼樣」。
工作內容可能有撰寫各種產品使用場景和建構互動模式。利如參與各種測試和觀察使用者做了什麼(例如可用性研究、眼球追蹤、A/B測試,訪談問卷等等),以及針對介面、互動面去做優化與建議(Prototype)並且透過線框圖(Wireframe)找到產品的使用邏輯。
2.UI / 介面設計師:
核心職能就是根據老闆、產品PM的需求,提供介面的視覺方案。並輸出相關的設計規範、設計說明、設計切圖;主要關心的是產品「看起來怎麼樣」。
工作內容可能需要從抽象的需求轉化為可視化的wireframe;或拿到上游需求方(產品PM或UX設計師)已經畫好的wireframe、UI flow進行視覺的設計與規劃,例如整體色系的選擇,或是icon、圖片、文字等其他元素或組件的樣式設計。若是稍具規模的產品或專案,可能還需要設計具有一致性的視覺規範(Style Guide)。
3.PD / 產品設計師:
如果你在10年前,頭頂上的職稱是「產品設計師」(Product Designer)的話,那麼你很有可能是負責設計實體產品的外觀的設計師或者工業設計師。但是在 2015年前後,由於 SaaS(軟件即服務)類產品的流行,我們注意到「產品設計師」這一職稱還是應用到這類產品當中負責與使用者互動的設計師頭上(看起來像是設計師和產品經理的某種程度上的融合)。
定義、探索、構思、驗證
自從2017年阿里巴巴提出了設計全鏈路的概念後,全鏈路/產品設計師ㄧ詞慢慢的被廣泛的運用。產品設計師實際上指的是可以深度參與產品功能走向與規劃中,比起某一段用戶旅程或某一功能的互動,更在意的是整個產品從前期需求探索、功能規劃、視覺呈現到上線前的測試、上線後的數據觀測與迭代優化等全程參與的過程。在不同使用場景、並以人為中心(Human-centered design)的前提下,實現產品的平衡性(商業決策與用戶需求的平衡點、公司內部各利益相關單位的平衡點、產品內各功能的配置與使用的平衡點)。
小結:
正如同你所看到的,產品設計師像是UI+UX設計師的聯集、同時又對產品開發有更廣以及更深的探索。UI/UX設計師會在工作中尋求實現產品使用的完整性(視覺、互動);而產品設計師則會隨著時間推移,深入研究產品的升級進化之道。
當然,上面提到的職稱與工作內容,隨著每家公司的所賦予的定義肯定是有例外的,因為它們並不會完全符合所有的環境。但是希望這篇文章可以初步解釋這三者之間的差異性。
延伸閱讀:
[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師
[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
5 0 855 6

推薦給你

104學習精靈

產品

1小時前

Nvidia 成為全球最有價值的公司 - 學習10個英語單字和片語 - 歷史新高、市值、迅速崛起、成為焦點英文
在這篇文章中,我們將探討Nvidia這家全球最有價值公司的成功故事,並從中挑選出10個值得學習的英語單字和片語,這些單字和片語不僅能增強你的英語詞彙量,還能幫助你在閱讀科技新聞時更好地理解內容。
1. All-time high
- 中文解釋:歷史新高
- 英文用法:The company's stock price reached an all-time high on Tuesday.
2. Market cap (Market Capitalization)
- 中文解釋:市值
- 英文用法:Nvidia's market cap is now worth $3.34tn.
3. Meteoric rise
- 中文解釋:迅速崛起
- 英文用法:The company's meteoric rise has been fueled by its dominance in AI chips.
4. Front and center
- 中文解釋:成為焦點
- 英文用法:The race to $4 trillion market cap in tech will be front and center between Nvidia, Apple, and Microsoft.
5. Boom
- 中文解釋:繁榮,激增
- 英文用法:Nvidia has benefited from a boom in demand for chips that train and run generative AI models.
6. High profile
- 中文解釋:高調,知名度高
- 英文用法:The rise of the tech giant has been mirrored by the increasingly high profile of its boss, Jensen Huang.
7. Fierce competition
- 中文解釋:激烈的競爭
- 英文用法:Competition among AI developers is fierce, benefiting Nvidia.
8. Cleared a high hurdle
- 中文解釋:跨過高門檻,達到高標準
- 英文用法:The company had once again cleared a very high hurdle with its latest financial results.
9. Monetize
- 中文解釋:變現
- 英文用法:Analysts questioned how Nvidia’s customers would monetize AI software.
10. Dominance
- 中文解釋:主導地位
- 英文用法:Nvidia's dominance in the AI chip market has been a key factor in its growth.
0 0 54 0
你可能感興趣的教室