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

2 Like 0 留言 22798 瀏覽

鐵人賽自我挑戰組 DAY 3

UI 設計入門：SEO 尬網路行銷系列第 3 篇

技術【Day 03】設計流程 (二)：Functional Map 功能地圖

正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...

tedkuo ‧ 2020-09-18

1 Like 0 留言 2590 瀏覽

鐵人賽自我挑戰組 DAY 18

UI / UX 設計白皮書 - Material Design 導讀系列第 18 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day18 Communication 通訊

昨天我們了解到 Interaction 相互作用使用各種手勢可以對不同元件產生互動，透過不同手勢類型可以執行不同的任務指令，並依照應用程式預設好的狀態與產品進行...

Yvonne_Zhong ‧ 2020-09-18

1 Like 0 留言 2416 瀏覽

鐵人賽自我挑戰組 DAY 17

UI / UX 設計白皮書 - Material Design 導讀系列第 17 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day17 Interaction 相互作用

昨天我們了解到 Motion 動作中，轉場動畫可以藉由控制速度及緩和速度帶給用戶順暢的畫面轉場，搭配持續時間的運用可以讓轉場效果如同自然物體的動態。藉由編排動畫...

Yvonne_Zhong ‧ 2020-09-17

1 Like 0 留言 12018 瀏覽

鐵人賽自我挑戰組 DAY 2

UI 設計入門：SEO 尬網路行銷系列第 2 篇

技術【Day 02】設計流程 (一)：IA 資訊架構

正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...

tedkuo ‧ 2020-09-17

1 Like 0 留言 1500 瀏覽

鐵人賽自我挑戰組 DAY 16

UI / UX 設計白皮書 - Material Design 導讀系列第 16 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day16 Motion 動作

昨天我們了解到 Motion 動作可以強化結構層次、表現品牌、增加回饋和狀態及幫助用戶執行。更了解到各種畫面及元件在轉場動畫上的設定，各種主題在軸線上的轉場含義...

Yvonne_Zhong ‧ 2020-09-16

1 Like 0 留言 3313 瀏覽

鐵人賽自我挑戰組 DAY 5

軟體開發商新手 PM 30 個第一次系列第 5 篇

技術【第 5 個第一次】手機介面常見部位的專有名詞

Day 5 - 內部會議 : 這客戶 Navigation 上面有哪些? 卡片建議不要超過 3 個每個行業都有屬於自己的專業術語，不管在哪一公司要聽懂內部用語...

Jade Chang ‧ 2020-09-19

2 Like 0 留言 2318 瀏覽

鐵人賽自我挑戰組 DAY 15

UI / UX 設計白皮書 - Material Design 導讀系列第 15 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day15 Motion 動作

昨天我們了解到當元件 Shape 形狀改變時，可以增加動畫讓改變動態更順暢，也更能突顯元件。在品牌與層次結構間使用形狀能建立統一的品牌結構基礎，若是需要突顯的元...

Yvonne_Zhong ‧ 2020-09-15

1 Like 0 留言 2133 瀏覽

鐵人賽自我挑戰組 DAY 14

UI / UX 設計白皮書 - Material Design 導讀系列第 14 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day14 Shape 形狀

昨天我們了解到 Shape 形狀，可以設定個式形狀來傳達含意及狀態變化，同類型的形狀可以識別組件和識別不同的元件區塊，獨特的形狀可以跟一般組件形狀產生出差異，也...

Yvonne_Zhong ‧ 2020-09-14

5 Like 0 留言 8546 瀏覽

鐵人賽 Modern Web DAY 1

從平面轉型成網頁設計的 UI/UX 設計師系列第 1 篇

達標好文技術【Day 1】平面轉型後的今天，為何選擇網頁設計？

大家好，我是GG！目前是一名網頁設計師，之前擔任平面設計，後來嘗試轉型成網頁設計至今已滿三年。三年的時間說長不長，說短不短，倒是在這段上班兼學習的期間，體會到平...

GG ‧ 2020-09-16 ‧團隊想吃薑母鴨

1 Like 0 留言 1655 瀏覽

鐵人賽自我挑戰組 DAY 13

UI / UX 設計白皮書 - Material Design 導讀系列第 13 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day13 Shape 形狀

昨天我們了解到 Iconography 影像學中各種圖示設計的注意事項，圖標由不同的設計元素構成，透過網格我們可以設計出具有統一性的圖示，配合筆畫粗細、圖示顏色...

Yvonne_Zhong ‧ 2020-09-13

1 Like 0 留言 2208 瀏覽

鐵人賽自我挑戰組 DAY 12

UI / UX 設計白皮書 - Material Design 導讀系列第 12 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day12 Iconography 影像學

昨天我們了解到聲音可以具有不同的屬性及特徵，運用不同的編排可以使用在各種物件狀態及情境事件上，在應用程式的畫面層次中依序建立聲音回饋，藉此讓使用者得到更多的互動...

Yvonne_Zhong ‧ 2020-09-12

1 Like 0 留言 2450 瀏覽

鐵人賽自我挑戰組 DAY 11

UI / UX 設計白皮書 - Material Design 導讀系列第 11 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day11 Sound 聲音

昨天我們了解到 Sound 聲音可以分為音效、音樂、語音三種，將這些聲音帶入 UI 可以適時提供使用者訊息或狀態回饋，不同聲音可以傳達不同的情境與感受，英雄般的...

Yvonne_Zhong ‧ 2020-09-11

1 Like 0 留言 2502 瀏覽

鐵人賽自我挑戰組 DAY 10

UI / UX 設計白皮書 - Material Design 導讀系列第 10 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day10 Sound 聲音

昨天我們了解到 Typography 文字排版樣式等級，也了解每個字母都存在著許多學問，需要注意文字段落包含的字數、字體間距、行距，都與易讀性及可讀性有著密不可...

Yvonne_Zhong ‧ 2020-09-10

2 Like 0 留言 7257 瀏覽

鐵人賽自我挑戰組 DAY 9

UI / UX 設計白皮書 - Material Design 導讀系列第 9 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day09 Typography 文字排版

昨天我們了解到顏色在搭配使用上呈現不同的色彩感受，在互動元件上巧妙的搭配能吸引注意力，顏色也能代表程式狀態，在不同的配色下仍然需要保持內文能清晰閱讀，在淺色及深...

Yvonne_Zhong ‧ 2020-09-09

1 Like 0 留言 6414 瀏覽

鐵人賽自我挑戰組 DAY 8

UI / UX 設計白皮書 - Material Design 導讀系列第 8 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day08 Color 顏色

昨天我們了解到色彩系統分為主要色、次要色、輔助色及替代顏色的基本概念及變體色的選擇，搭配不同的主題運用替代顏色進行色彩創作，在 UI 元件上建立高對比度的色彩搭...

Yvonne_Zhong ‧ 2020-09-08

1 Like 0 留言 4903 瀏覽

鐵人賽自我挑戰組 DAY 7

UI / UX 設計白皮書 - Material Design 導讀系列第 7 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day07 Color 顏色

在 Navigation 導覽列的單元，我們了解到 Navigation 導覽列擺放的位子以及在不同頁面間導覽列的功能，在畫面切換間使用轉換動畫能加強關聯性減少...

Yvonne_Zhong ‧ 2020-09-07

1 Like 0 留言 3742 瀏覽

鐵人賽自我挑戰組 DAY 6

UI / UX 設計白皮書 - Material Design 導讀系列第 6 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day06 Navigation 導覽列

在 Layout (排版) 的單元，我們了解到 Material Design 不止適用單一的螢幕尺寸，也是可以用於各種裝置的設計指南，不同的用戶在不同的情境使...

Yvonne_Zhong ‧ 2020-09-06

1 Like 0 留言 3896 瀏覽

鐵人賽自我挑戰組 DAY 5

UI / UX 設計白皮書 - Material Design 導讀系列第 5 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day05 Layout 排版

在昨天我們了解了 Layout 排版需要具備響應式設計並且保有一致性，像素密度與裝置解析度的換算，各裝置平台的像素特性，在響應式網格排版與斷點間的密切關係，今天...

Yvonne_Zhong ‧ 2020-09-05

1 Like 0 留言 7922 瀏覽

鐵人賽自我挑戰組 DAY 4

UI / UX 設計白皮書 - Material Design 導讀系列第 4 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day04 Layout 排版

今天我們進入到 Material Design 中 Layout 排版的部分，排版涵蓋的範圍較廣，我們會分成兩天來介紹排版，今天會先了解排版、像素密度、響應式網...

Yvonne_Zhong ‧ 2020-09-04

1 Like 0 留言 4304 瀏覽

鐵人賽自我挑戰組 DAY 3

UI / UX 設計白皮書 - Material Design 導讀系列第 3 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day03 Environment 環境

昨天我們用嚴肅的態度去了解 Material Design 基礎介紹與章節架構後，今天讓我們用比較輕鬆的心情將 Material 章節拆解細分，一天天拼出完整的...

Yvonne_Zhong ‧ 2020-09-03

2 Like 0 留言 3354 瀏覽

鐵人賽自我挑戰組 DAY 2

UI / UX 設計白皮書 - Material Design 導讀系列第 2 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day02 Material 章節項目

昨天我們了解 Material 的基本介紹，今天讓我們一起來看看 Material 的指標項目吧。 Material 主要分成Foundation (基礎)與...

Yvonne_Zhong ‧ 2020-09-02

6 Like 1 留言 12222 瀏覽

鐵人賽自我挑戰組 DAY 1

UI / UX 設計白皮書 - Material Design 導讀系列第 1 篇

達標好文技術 UI / UX 設計白皮書 / Material Design 導讀_Day01 Material 基本介紹

必點技能近年來 UI / UX 設計盛行，許多企業在開職缺需求都有特別備註需要了解 Material Design 及 Human Interface Gui...

Yvonne_Zhong ‧ 2020-09-01

8 Like 0 留言 3690 瀏覽

技術在資工系作業導入PM和UI設計的前端工程師，會成功嗎?

講到大學分組作業，幾乎每個人都遇過團隊合作上的問題。但是感覺自己大學上軟體工程學到的多半是綜觀的概念，比較少人在提團隊的實質做法，所以就想說藉這個機會紀錄一...

Andy Chang ‧ 2020-08-16

0 Like 0 留言 7804 瀏覽

徵才 [內科] 軟體開發公司擴大徵才 -UI/UX設計師

軟體開發公司擴大徵才【UI/UX設計師/資深設計師】工作地點：台北內湖科學園區瑞光路(近港墘捷運站)工作時間：日班 9:30-18:00PM薪資範圍：3.5萬~...

blanchechueh ‧ 2020-02-13

0 Like 0 留言 1125 瀏覽

鐵人賽 Mobile Development DAY 2

砍掉重練啦!UI/UX設計師莫名其妙ㄉ潛水App挑戰計畫系列第 2 篇

技術 #Day02 #序曲我是誰我在哪我要做什麼?

【參加動機】嗨呦~大家好我是Jasmine (｡･ω･｡)ﾉ今天來跟大家說一下我會參加Mono Sparta計畫的源起好惹! 第一次的招募說明會是辦在201...

Jasmine Sie ‧ 2019-09-18 ‧團隊溫泉泡起來♨️

1 Like 2 留言 40163 瀏覽

鐵人賽 Modern Web DAY 3

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven 系列第 3 篇

技術 3分鐘認識 Adobe Xd (操作工具篇)

準備開始囉嗨囉，我是 Riven今天要用大概 3 分鐘的閱讀時間，一起快速認識 Adobe Xd 這個新的 UI/UX 設計軟體中，有哪些基本卻很重要的工具...

Riven 林育正 ‧ 2019-09-04

1 Like 1 留言 7242 瀏覽

鐵人賽 Modern Web DAY 1

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven 系列第 1 篇

技術關於這次 30 天的日更「用 Adobe Xd 進行 UI 使用者介面設計」系列

關於作者嗨囉，我是 Riven。數位遊牧型態的設計師；喜歡在社群上分享設計上的觀察與技巧，撰寫的文章在 Medium 上被選為 #Desgin 領域 Top...

Riven 林育正 ‧ 2019-09-02

1 Like 1 留言 3791 瀏覽

鐵人賽 Modern Web DAY 30

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 30 篇

技術 DAY 30-Daily UI 007 Setting 實作分享(prototype)(三)

終於到最後一篇了！今天要把剩下的部分都分享完。第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。點擊新...

小貓 ‧ 2018-11-14

1 Like 0 留言 3053 瀏覽

鐵人賽 Modern Web DAY 29

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 29 篇

技術 DAY 29-Daily UI 007 Setting 實作分享(prototype)(二)

接續著第二個場景，把下面所有細項設定拉進新的滾頁容器層，讓他們可以滑動。在 name 的框新增“輸入”物件，在默認文本打上要輸入的內容，並把顏色、字體、字重、...

小貓 ‧ 2018-11-13

1 Like 0 留言 2292 瀏覽

鐵人賽 Modern Web DAY 28

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列第 28 篇

技術 DAY 28-Daily UI 007 Setting 實作分享(prototype)(一)

終於進入最後一個分享作品的 prototype 了，一樣把全部的 Artboard 都各別匯進場景裡。第一個場景要觸發的按鍵有以下三個。 Personal i...

小貓 ‧ 2018-11-12

技術 【Day 03】設計流程 (二)：Functional Map 功能地圖