iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 240 瀏覽

鐵人賽自我挑戰組 DAY 3

UI/UX設計的初心者冒險之旅系列第 3 篇

技術 DAY3＃UI/UX基礎概念

在了解完設計基本知識之後，是時候開始接觸UI/UX設計的基本概念了，所以，今天就會針對這部分來做些筆記。那就， UI vs UX 　　在架設網站或設計遊戲的...

Chloe ‧ 2024-08-14 ‧團隊iT 貓貓教

1 Like 0 留言 204 瀏覽

鐵人賽自我挑戰組 DAY 2

UI/UX設計的初心者冒險之旅系列第 2 篇

技術 DAY2＃設計基本原則-排版與視覺層級

話說，咱們ChatGPT第一天的規劃，就要認識色彩理論、文字排版、視覺層級這些設計基本原則，就搜尋網路資料而言，其實時間上是可以的，不過要做成筆記又是另外一回事...

Chloe ‧ 2024-08-13 ‧團隊iT 貓貓教

2 Like 0 留言 229 瀏覽

鐵人賽自我挑戰組 DAY 1

UI/UX設計的初心者冒險之旅系列第 1 篇

技術 DAY1＃設計基本原則-色彩理論與配色

嘿，在開賽前兩天只是和朋友聊一聊，就被推坑來督促自己學習新東西。說實在的，我並沒有實際接觸過任何有關程式、設計或UI/UX的知識，嗯，如果資訊課跟統計分析學不算...

Chloe ‧ 2024-08-12 ‧團隊iT 貓貓教

0 Like 0 留言 175 瀏覽

鐵人賽 IT 管理 DAY 1

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 1 篇

技術 [Day1-介紹] 猴子是誰？！前端工程師與 UI 設計師如何透過 Figma 協作！

本系列介紹單純討論設計流程、開發流程的文章很多，但團隊組成和會遇到的問題百百種！本系列將搭配專案，分享實際狀況中遇到的問題和應對做法。藉由「使用者導向」的概...

TC ‧ 2024-09-13 ‧團隊擁有夢想的鐵人猴子隊

1 Like 0 留言 2159 瀏覽

技術新手指南：快速掌握UI/UX設計及實用工具推薦

在當今這個數位化的時代，UI/UX設計的重要性日益凸顯，它不僅關乎產品的視覺呈現，更影響著用戶體驗的質量。因此，許多設計新手都積極尋找能快速上手並提升設計效率的...

jasminecheng ‧ 2024-01-30

1 Like 0 留言 542 瀏覽

鐵人賽 SideProject30 DAY 19

營養師不開菜單要用 Next.js 13 寫全端系列第 19 篇

技術營養師不開菜單的第十九天 - Next.js 實作 - Link In Bio Tool 畫面設計與整體規劃

前言在前15篇章節中，已經詳細介紹了專案中使用的套件及在專案中的具體實作方式。接下來的文章將深入探討專案的細節和商業邏輯。考慮到這是一個從零開始建立的產品，我...

ysl0628 ‧ 2023-10-04 ‧團隊所以隊名要叫什麼

0 Like 0 留言 206 瀏覽

鐵人賽自我挑戰組 DAY 5

從零開始的作品集搭建系列第 5 篇

技術【Day5】競品分析 — 作品集首頁

來到第五天，我先針對昨日分享會，近一步迭代了 UserStoryMapping 的概念，設立了三種指標，分別為：網頁的易閱性：作品集網頁的基本盤，易閱性將綜...

birdy123 ‧ 2023-09-19

0 Like 0 留言 276 瀏覽

鐵人賽 SideProject30 DAY 4

打造紐時風格的時間線小遊戲系列第 4 篇

技術 Wireframe 製作

一個全面的設計流程：從初步設計到最終階段草稿和低保真（Low-Fidelity）線框圖：初步構思並繪製基本界面。回顧和反饋：收集意見並進行調整。高...

機器人幽默研究員 ‧ 2023-09-19 ‧團隊不知道我能不能頂住

0 Like 1 留言 3633 瀏覽

鐵人賽 Modern Web DAY 2

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 2 篇

技術 #01 網頁的基本名詞：UI/UX？切版&切圖？前端&後端？靜態&動態？RWD or Mobile First？

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 理解網頁設...

Eva Chen ‧ 2023-09-17

0 Like 0 留言 491 瀏覽

鐵人賽 Modern Web DAY 2

連我阿公都會-手把手教你架網站系列第 2 篇

技術【Day02】網頁的基礎設計理論

所謂：「知己知彼，百戰不殆。」，在設計一個網頁之前，先充分了解其外部的各項特性，才能避免在實作時因千萬頭緒使您一時無從下手，而陷入窘境。因此，本篇將為您介紹在...

ttdragon0722 ‧ 2023-09-17 ‧團隊最強資工大電神

0 Like 0 留言 1921 瀏覽

鐵人賽 Mobile Development DAY 29

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 29 篇

技術 Day 29 - Tabs ( Design )

前言不知不覺鐵人賽也接近尾聲，要講的最後一個元件是 Tab，也是一種導航切換畫面的元件，圍繞在同一主題上。在大多數的 App 都能看到，包裹著相關性高或相同應...

vosscg0822 ‧ 2022-10-14 ‧團隊好想工作室 v6.0

1 Like 2 留言 551 瀏覽

鐵人賽 Modern Web DAY 30

UX 這條路，跪著也...走不完啊啊啊～系列第 30 篇

技術 Day 30 【職涯之路】HELLO , 業界！

歐耶～我們終於來到鐵人賽的最後一篇了！經歷了前面的生活觀察、自我提升的成長之路、職場的溝通眉角～如果你正在考慮踏上UX這條路，那麼非常歡迎你！今天我們就來聊聊...

Wen Chien ‧ 2022-10-15 ‧團隊蝦兵蟹將

0 Like 0 留言 654 瀏覽

鐵人賽 Modern Web DAY 29

UX 這條路，跪著也...走不完啊啊啊～系列第 29 篇

技術 Day 29 【職涯之路】如何與工程師協作？

在某公司的一場溝通訓練課程中，一位企劃起身表示他在工作上遇到的問題，他大聲的說：「希望工程師可以講人話！不要每次都講那些我聽不懂的東西。」現在想想，我...

Wen Chien ‧ 2022-10-14 ‧團隊蝦兵蟹將

0 Like 0 留言 1576 瀏覽

鐵人賽 Mobile Development DAY 27

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 27 篇

技術 Day 27 - Navigation drawer (Design)

前言是一個作為導航工具的組件，能讓用戶隨時展開或收起，與 Bottom Navigation 相同都是作為跳轉畫面的元件，但應用上有些不同，上幾篇我有提到 B...

vosscg0822 ‧ 2022-10-12 ‧團隊好想工作室 v6.0

0 Like 0 留言 1404 瀏覽

鐵人賽 Mobile Development DAY 25

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 25 篇

技術 Day 25 - Bottom Navigation ( Design )

前言 Bottom Navigation 通常作為主畫面的元件之一，位於畫面底部，能讓用戶操作並進行各個畫面的導航，是個以操作體驗與畫面跳轉為重的組件 Bo...

vosscg0822 ‧ 2022-10-10 ‧團隊好想工作室 v6.0

0 Like 0 留言 1493 瀏覽

鐵人賽 Mobile Development DAY 23

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 23 篇

技術 Day 23 - Bottom Sheet ( Design )

前言 Bottom Sheet 算是比較近期 App 非常熱門的應用設計，從底部彈跳出視窗。通常會搭配在 more action，提供用戶與當前情境畫面的細部操...

vosscg0822 ‧ 2022-10-08 ‧團隊好想工作室 v6.0

1 Like 0 留言 719 瀏覽

鐵人賽 Modern Web DAY 27

UX 這條路，跪著也...走不完啊啊啊～系列第 27 篇

技術 Day 27 【職涯之路】開始找工作可以嗎？我還缺少什麼呢？

先說結論：可以。ＸＤＤＤ這系列文章我不斷強調的核心理念就是「先做再說」，所以你問我可不可以...我都會跟你說「可以」。不過我完全明白那種「好像還沒準備好，到...

Wen Chien ‧ 2022-10-12 ‧團隊蝦兵蟹將

1 Like 0 留言 669 瀏覽

鐵人賽 Modern Web DAY 26

UX 這條路，跪著也...走不完啊啊啊～系列第 26 篇

技術 Day 26 【職涯之路】如何開始累積作品？

許多想轉職的人都會問：我應該怎麼開始累積作品？我怎麼知道我的作品好不好？業界看不看？一樣回到我這系列文章一開始說的：先做就對了。不過，問了這個問題的你，或許...

Wen Chien ‧ 2022-10-11 ‧團隊蝦兵蟹將

0 Like 0 留言 1077 瀏覽

鐵人賽 Mobile Development DAY 22

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 22 篇

技術 Day 22 - Cards ( Implementation )

大綱 Simple Using Making card checkable Making card draggable Cards Elevated...

vosscg0822 ‧ 2022-10-07 ‧團隊好想工作室 v6.0

1 Like 1 留言 730 瀏覽

鐵人賽 Modern Web DAY 24

UX 這條路，跪著也...走不完啊啊啊～系列第 24 篇

技術 Day 24 【當你活成那個樣子，你就已在前進】

今天是第二十四天，我們前面討論了觀察、輸入、輸出，鐵人賽也即將進入最後尾聲，接下來的章節，會開始與大家聊聊職涯！很多人詢問要怎麼轉職到自己想走的道路上，我懂...

Wen Chien ‧ 2022-10-09 ‧團隊蝦兵蟹將

0 Like 0 留言 720 瀏覽

鐵人賽 Modern Web DAY 23

UX 這條路，跪著也...走不完啊啊啊～系列第 23 篇

技術 Day 23 【嘗試開始】人物誌這黨事

我在前面的文章「Day 18 【習慣培養】輸入 - 聽、看」中提過，看動漫也是一種觀察的方法！通常動漫角色的人物刻劃都很鮮明生動，你可以從角色的時空背景、經歷、...

Wen Chien ‧ 2022-10-08 ‧團隊蝦兵蟹將

0 Like 0 留言 992 瀏覽

鐵人賽 Mobile Development DAY 21

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 21 篇

技術 Day 21 - Cards ( Design )

前言 Card 的設計，已經廣泛出現在我們的應用程式中，例如 ig、facebook 等等，是一種元件配置的設計方式，並非只是單純一個元件 Cards - D...

vosscg0822 ‧ 2022-10-06 ‧團隊好想工作室 v6.0

0 Like 0 留言 2314 瀏覽

鐵人賽 Mobile Development DAY 20

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 20 篇

技術 Day 20 - Dialogs ( Implementation )

大綱 Alert dialog Simple dialog Confirmation dialog Full-screen dialog Anatomy Ke...

vosscg0822 ‧ 2022-10-05 ‧團隊好想工作室 v6.0

0 Like 0 留言 1291 瀏覽

鐵人賽 Mobile Development DAY 19

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 19 篇

技術 Day 19 - Dialogs ( Design )

前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...

vosscg0822 ‧ 2022-10-04 ‧團隊好想工作室 v6.0

0 Like 0 留言 746 瀏覽

鐵人賽 Modern Web DAY 22

UX 這條路，跪著也...走不完啊啊啊～系列第 22 篇

技術 Day 22 【嘗試開始】用爆便利貼！

我曾經在一個專案中想導入便利貼分類法時被一個行銷領域的同事說：「天啊！好不環保！」（笑）想想確實，用了一堆紙都只寫幾個字，真的是蠻浪費的！幸好現在有線上白板了...

Wen Chien ‧ 2022-10-07 ‧團隊蝦兵蟹將

0 Like 1 留言 513 瀏覽

鐵人賽 Modern Web DAY 21

UX 這條路，跪著也...走不完啊啊啊～系列第 21 篇

技術 Day 21 【嘗試開始】市面工具也太多！到底怎麼選？

某一次我到日本去自助旅行的時候，因為不會日文，英文也沒好到哪裡去，而且對方是漁民老太太，他也不懂英文...但我想要找某一種食物，所以我就...用畫的。結果對方還...

Wen Chien ‧ 2022-10-06 ‧團隊蝦兵蟹將

0 Like 0 留言 1381 瀏覽

鐵人賽 Mobile Development DAY 18

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 18 篇

技術 Day 18 - SnackBars ( Design & Implementation)

前言 Snackbar，是很常見的應用通知設計，位於應用程式的底部，提供用戶目前操作的任何相關訊息。由於 Snackbar 實作的篇幅較少，就一起講解大綱...

vosscg0822 ‧ 2022-10-03 ‧團隊好想工作室 v6.0

0 Like 0 留言 1062 瀏覽

鐵人賽 Mobile Development DAY 16

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 16 篇

技術 Day 16 - Progress indicators ( Design )

前言用來通知用戶正在進行的進程狀態，例如加載應用程序、提交表單或保存更新應用程序的狀態並指示可用的操作，例如用戶是否可以離開當前屏幕。在進行異步或初始化時常...

vosscg0822 ‧ 2022-10-01 ‧團隊好想工作室 v6.0

0 Like 0 留言 909 瀏覽

鐵人賽 Mobile Development DAY 15

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 15 篇

技術 Day 15 - Divider ( Design & Implementation )

前言 Divider 是能將要在 UI 呈現的重點內容，更加清晰且顯眼地表達。在我們想呈現列表形式的資料時，透過 Divider 的劃分，讓用戶能明顯辨識之間的...

vosscg0822 ‧ 2022-09-30 ‧團隊好想工作室 v6.0

0 Like 0 留言 887 瀏覽

鐵人賽 Mobile Development DAY 14

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 14 篇

技術 Day 14 - Floating action button (Implementation)

大綱 Using Type Regular FABs Mini FABs Extended FABs Speed dial Custom Style Usg...

vosscg0822 ‧ 2022-09-29 ‧團隊好想工作室 v6.0