iT邦幫忙

tag不存在或已被下架!

design相關文章
共有 40 則文章
鐵人賽 Modern Web DAY 13

技術 Day 13 | 設計不只靠直覺:為什麼要懂設計指引和易用性原則?

在做 UI/UX 設計的過程中,我們常常會聽到「設計規範」、「設計系統」,還有「設計指引」。 前兩者比較具體,像是按鈕高度多少、字體行距多少,這些能被明確量化。...

鐵人賽 Modern Web DAY 12

技術 Day 12 | 當介面會說話:文字帶來的體驗差異

今天是基礎概念篇的最後一篇了!來講講文字如何影響介面體驗。 上一篇說到顏色和 icon 是 UI 的「外觀語言」,那文字就是最直接的資訊語言。 介面裡大多數訊息...

鐵人賽 Modern Web DAY 10

技術 Day 10 | 元件不只是樣式,而是體驗的橋樑

在設計元件時,大家第一直覺可能會是定義樣式:按鈕長什麼樣、表單欄位的圓角多少、icon 要實心還是空心 …。 這些確實重要,但元件不單只是為了「好看」,而是為了...

鐵人賽 Modern Web DAY 9

技術 Day 09 | 設計規範到底管什麼?談談元件背後的秩序規則

在上一篇文章中,我們談了設計系統的重要性:它是一套團隊共同語言,讓設計與開發可以對齊、確保介面一致性。這一篇則更往下聊 設計規範 和 介面元件,告訴你設計系統如...

鐵人賽 Modern Web DAY 8

技術 Day 08 | 設計的共同語言魔法:淺談設計系統的重要性

在 UI/UX 設計中,設計系統已經從「選擇性工具」變成現代產品團隊不可或缺的核心資源。很多新人設計師可能覺得,反正只要畫出漂亮介面、按顏色與字體規則就好,何必...

鐵人賽 Modern Web DAY 7

技術 Day 07 | 從藍圖到樣品屋:Wireframe 到 Hi-Fi Prototype 的進化之路

在 UI/UX 設計流程裡,介面設計不是一開始就畫精緻的畫面🙅‍♀️。 我們通常會先做 Wireframe、Lo-Fi Prototype、Hi-Fi Prot...

鐵人賽 Modern Web DAY 6

技術 Day 06 | 別再讓使用者迷路!3 步驟搞懂資訊架構

在 Day03 的設計流程有介紹到『 資訊架構就像蓋房子前的藍圖,這步驟決定資訊要怎麼被整理和放置,使用者進來時才知道要去哪裡找東西。』 當使用者打開一個網站或...

鐵人賽 Modern Web DAY 5

技術 Day 05 | 使用者研究三神器:Persona、CJM、User Story 怎麼用?

在 UI/UX 設計流程裡,「使用者研究」是一個承上啟下的關鍵步驟。 上一步的需求訪談會蒐集大量資訊,但這些資料如果只是散落在筆記裡,團隊會很難吸收和運用。 這...

鐵人賽 Modern Web DAY 4

技術 Day 04 | 需求訪談不只是聊天:抓住設計的第一手資訊

在 UI/UX 設計流程中,「需求訪談」幾乎是最前面的工作。很多設計師一開始會忍不住打開 Figma 開畫面開始設計,但如果沒有先理解需求,很容易設計到一半就被...

鐵人賽 Modern Web DAY 3

技術 Day 03 | 設計不是憑感覺:UI/UX 背後流程大揭秘

今天來介紹 UI/UX 的設計流程,上篇有提到 UI/UX 設計不只是「設計畫面」,其實背後是一個有脈絡的流程的喔!一般來說,我自己會把它拆成幾個步驟: 1️⃣...

鐵人賽 Modern Web DAY 2

技術 Day02 | 為什麼要學 UI/UX?設計師在產品中的角色

當我們打開手機 App、操作網銀、或是訂外送時,背後其實都有涉及到 UI/UX 喔~那麼,為什麼要學 UI/UX 呢?🤔 🌟 UI/UX 的價值在於「橋樑角色...

鐵人賽 Modern Web DAY 1

技術 Day01 | 什麼是UI/UX? UI vs UX 的差異與關聯

What is UI/UX ? 很多剛接觸設計的人,或是非設計背景人員,常常分不清「UI」跟「UX」。簡單來說,UI(User Interface 使用者介面)...

鐵人賽 自我挑戰組 DAY 30
Leetcode 各主題解題攻略 系列 第 30

技術 Design 攻略 part2

Hi 大家好,今天要繼續來分享歸類在Design的題目。這種模擬實際系統中的核心功能的題目在python中最常用到的資料結構就是list, dictionary...

鐵人賽 自我挑戰組 DAY 29
Leetcode 各主題解題攻略 系列 第 29

技術 Design 攻略 part1

大家好,在leetcode的問題中有一個主題被稱為Design。這類型的問題比較像是要模擬實作出某些系統中的核心功能。今天要來分享和上一個主題Trie有關的De...

鐵人賽 自我挑戰組 DAY 21

技術 Day21 - 日本數位廳的網站太扯了www

原文連結:デジタル庁のサイトやばすぎるwww - Qiita デジタル庁(數位廳 ):因應 COVID-19 疫情,日本政府於 2021 年 9 月 1...

技術 leetcode 365天 #Day115

中間發呆了一下的日子未來應該會把我所寫過的題目正式錄個過程以及解釋,然後加入到播放清單中,要不然沒有紀錄。有興趣的以後可以期待一下(? Strictly P...

技術 Java SimpleDateFormat 教學與錯誤用法

開發 Java 專案時經常操作時間、日期與字串的互相轉換,最常見簡單的方式是使用 SimpleDateFormat,想必大家對它不陌生。雖然它簡單易用,如果沒有...

鐵人賽 自我挑戰組 DAY 22

技術 Day22 leetcode隨機挑題 (Design、Matrix、Search)

首先是 981. Time Based Key-Value Store (medium)https://leetcode.com/problems/time-b...

鐵人賽 Mobile Development DAY 28

技術 Dungeon Mizarka 028

銜接VS和UI 好不容易掌握了UI架構的概念,也開始依照這個想法和VS進行接合,但UI架構裡出現了很麻煩的問題,本來以為是自己不熟悉使用的方式所導致的,但花了很...

鐵人賽 Mobile Development DAY 5

技術 Day 5 - Android TV UI Guidelines Part 2

今天我們來介紹 Android TV 的 UI 組成,以及有什麼方法可以讓你的 APP 曝光率增加唷 首頁 上圖是 Android TV 的首頁可以看到所有內容...

鐵人賽 Mobile Development DAY 4

技術 Day 4 - Android TV UI Guidelines

差不多該進入 Android TV 開發的主題了雖說 Android TV 和 Android Phone 都是 Android 系統但是還是有些地方需要去考慮...

技術 #Day03 開始啦!成為戰士的那一刻

嗨呦~大家好我是Jasmine (。・ω・。)ノ 接續昨天,今天來告訴各位我的曲折離奇血淚辛酸冒險故事,話不多說那我們開始啦~ 時間回到我去Monospace報...

鐵人賽 Mobile Development DAY 2

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

技術 「欸!你覺得 Sketch 還是 Adobe XD 哪個比較好用?」

成為 UI 設計師之前,得先學會哪個設計軟體? Sketch 多年來都是 UI(使用者介面設計)設計師主要使用的設計軟體,再配合 Adobe Ai 以及...

鐵人賽 Modern Web DAY 25
Think in GraphQL 系列 第 25

技術 Think in GraphQL - Schema Mutation 設計守則 - 2

今天想要介紹 Mutation 的一些設計上的習慣與技巧! 1. Mutation Input 設計 mutation 的設計越簡潔越好,以最少的參數來實現...

鐵人賽 Modern Web DAY 23
Think in GraphQL 系列 第 23

技術 Think in GraphQL: Schema Query 設計守則 - 2

今日主題 設計時的好習慣 (續) 常見 Design Pattern 專注在 Business Logic 的思考 設計時的好習慣 (續) Custom...

鐵人賽 Modern Web DAY 22
Think in GraphQL 系列 第 22

技術 Think in GraphQL: Schema Query 設計守則 - 1

總結了這麼多天,講了很多關於 GraphQL 的技巧,但是會了技術還要會心法!我當初寫文章的本意就是希望加上一些進階一點的內容,包括「如何設計好一個 Sch...

鐵人賽 Modern Web DAY 2

技術 別使用平面繪圖軟體繪製 UI 設計

除了前端課程外,自己也是有辦一些額外的活動,而這些都會說到我是一名設計師轉職的前端工程師,除了介紹前端外,我也會介紹一些設計觀念。介紹時我大多都會使用 Sket...

鐵人賽 Modern Web DAY 10
我每天都接一個API 系列 第 10

技術 [30apis] Day 9 : Behance API + JSONP 用法

其實,一開始會有使用 API 的需求,除了需要更進一步的學習之外,最主要是因為有朋友來問我怎麼做網站。我有許多朋友都從是藝術相關工作,他們有做作品集的需求,但可...