進行六角學院開設的 UI 設計入門學習第 25 天，稍微從 wireframe 下一個階段開始來做一些回顧。 【Day 07】設計流程：繪製 Mockup 設計...
自行開發若沒有設計師的提供的畫面，工程師要如何想像呢？ Material Design 對 Android 工程師來說，對 Material Design 並不...
【參加動機】 嗨呦~大家好我是Jasmine (｡･ω･｡)ﾉ 今天來跟大家說一下我會參加Mono Sparta計畫的源起好惹! 第一次的招募說明會是辦在201...
要開始畫一個LOGO之前我習慣先簡單列出一些主題文字。這次要做的是一個旅遊包包整理APP所以我列出下面這些文字。 戶外旅遊 打包行李 確認的 輕巧的 快速的...
大綱 Simple Using Making card checkable Making card draggable Cards Elevated...
不曉得正在閱讀文章的你，上班通勤都是用什麼方式呢？公車？捷運？走路！？（等等，太讓人羨慕了吧！）還是騎車或開車呢？ 如果你和我一樣非大眾運輸的話，肯定經常在馬...
今天是雙十連假的最後一天～也是鐵人賽接近尾聲的倒數第 5 篇～今天就來講講跟設計師的溝通之術吧！ 前言 原本是個坐在位置上，每天打開 Jira 檢視今日任務，做...
前言 Card 的設計，已經廣泛出現在我們的應用程式中，例如 ig、facebook 等等，是一種元件配置的設計方式，並非只是單純一個元件 Cards - D...
大綱 會分為下面幾個段落來介紹 Simple Using in layout in code add a icon Text Button in...
你知道水母嗎？ 好啦不是這隻（來亂）... 那你知道，這隻藍色的水母嗎？ 當他亮起來時，到底代表什麼意思呢？....答案是～「遠燈」。*原文出處：http...
來到我們的第一個小觀察，在你的日常生活中，是不是常見到腳踏車與行人、汽機車，人車爭道呢？ 在我所工作與生活的雙北地區，是很常看到腳踏車有時候把自己當人（騎在人行...
進入職場，難免都會遇到最晚下班、負責關燈關門的時候。你是否和我一樣經常在那邊「玩電燈」呢ＸＤ？這個按鈕對應那個最遠的燈，旁邊按鈕卻是控制頭頂上的這盞！？ 即...
前言 FAB 作為一個獨立的 Action Button，位置上是在所有 Content 的前面並位於右下方，形狀上是圓形或依據不同大小可能為橢圓。通常對應著當...
Hi～終於到第九天了...即將寫完整個鐵人賽的三分之一！在「生活觀察」這個章節的內容也來到大約一半了～不曉得大家現在出門會不會比較常留意行人和他們的行為呢？...
開始畫圖之前，先確認好要使用的UI framework，來確認可以使用什麼元件。才不會有實作畫面很困難的問題。這邊提供幾個元件來給大家參考： 以下是我使用過的：...
前言 接下來的篇幅會開始講到 Selection Controls Components 簡稱 “選擇控件”：允許用戶完成涉及做出選擇的任務，例如選擇選項、打開...
在UI出圖之前，我們先確認好目前的 wireframe 是完整的。接下來只要依照 wireframe 來實作ＵＩ的部分即可： 以登入為例： 接下來就一張一張把...
你是否經常因為搞不清楚「這扇門怎麼開」而躊躇在店家門口呢？ 或是直接撞爆店家的玻璃門？在我書架上的其中一本書《不是你太笨，是爛UI的錯！》中有很多這樣的例子 -...
大綱 Using Type Regular FABs Mini FABs Extended FABs Speed dial Custom Style Usg...
前言 Divider 是能將要在 UI 呈現的重點內容，更加清晰且顯眼地表達。在我們想呈現列表形式的資料時，透過 Divider 的劃分，讓用戶能明顯辨識之間的...
不確定各位有沒有見過，像下圖這樣的洗臉盆？ 我曾在某次出遊中，入住一家飯店，該飯店廁所的洗臉盆就像這樣，而且清潔人員還很貼心（？）的按下按鈕（儲水狀態），我...
今天是第二十四天，我們前面討論了觀察、輸入、輸出，鐵人賽也即將進入最後尾聲，接下來的章節，會開始與大家聊聊職涯！ 很多人詢問要怎麼轉職到自己想走的道路上，我懂...
我曾經在一個專案中想導入便利貼分類法時被一個行銷領域的同事說：「天啊！好不環保！」（笑） 想想確實，用了一堆紙都只寫幾個字，真的是蠻浪費的！幸好現在有線上白板了...
了解了「輸入」的各種管道，今天我們要來聊聊「輸出」！通常，很多人會遇到的問題都是卡在輸出，這邊會有一個心理上比較高的檻，但跨過這段，你就真的可以學會了！ ｜你...
今年（2022）七月的時候，公司舉辦了一場 Outing 活動，地點在一個山上的私人農場。我們預計會在農場進行一個料理比賽！從遊覽車停車場到比賽地點，要走一小...
相信大家使用網站時，一定會遇到大大小小固有或彈出的提示框，這次的主題就是他！提示框在用戶經驗上會以內容的輕重程度做不同類型的變化，因此不管是建議、推廣，到提醒、...
我在前面的文章「Day 18 【習慣培養】輸入 - 聽、看」中提過，看動漫也是一種觀察的方法！通常動漫角色的人物刻劃都很鮮明生動，你可以從角色的時空背景、經歷、...
美化UI小技巧，讓單選框可以更符合設計樣式～ HTML <input type="radio" name="radio&...
先說結論：可以。ＸＤＤＤ 這系列文章我不斷強調的核心理念就是「先做再說」，所以你問我可不可以...我都會跟你說「可以」。 不過我完全明白那種「好像還沒準備好，到...
許多想轉職的人都會問：我應該怎麼開始累積作品？我怎麼知道我的作品好不好？業界看不看？ 一樣回到我這系列文章一開始說的：先做就對了。不過，問了這個問題的你，或許...
tedkuo
yenyichun
Jasmine Sie
Edmond
vosscg0822
Wen Chien
小學生
atain880625
Alice CH
iThome鐵人賽
看影片追技術