進行 UI 設計入門學習第 15 天，慢慢的可以透過結構性思維去觀察事情。以下重點回顧感受較深刻的章節： 【Day 01】什麼是 UI 設計 使用者介面，目的...
要注意什麼，才能更順利地提供可執行的設計稿 !? 一、參考熱門的設計框架、典範大廠的 Web 框架或工程師習慣的框架 例如：boostrap、material...
TO 正在看文章的你：我當然希望你能平安渡過每一次車程，但你有沒有發現，台灣的道路規劃，真的很容易碰碰車！ 沒錯，畢竟我最常觀察的情境都是在機車行進間，所以在生...
進行六角學院開設的 UI 設計入門學習第 25 天，稍微從 wireframe 下一個階段開始來做一些回顧。 【Day 07】設計流程：繪製 Mockup 設計...
今天會把最後的 Artboard 都分享完，那第三個 Artboard 是點開 link 選項的頁面，可以增加或關閉社群平台連結。 一樣把上方的 Setting...
小貓
‧
2018-11-11
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
我曾經在一個專案中想導入便利貼分類法時被一個行銷領域的同事說：「天啊！好不環保！」（笑） 想想確實，用了一堆紙都只寫幾個字，真的是蠻浪費的！幸好現在有線上白板了...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
昨天已經把底部色塊放大了，接下來就是要讓他消失，那這部分會用到的“透明度動作”昨天已經有介紹過了，就讓大家自己動手做做看囉！ 那這邊為了讓底部色塊和封面有無縫接...
小貓
‧
2018-11-07
前言 大家好！我是Dolly，今年第一次參加IThome鐵人賽，大學的背景是資管系，在學期間也輔系設計系，與UIUX的初次接觸是在學校的兩門課上： 第一次是大學...
這一篇就接續上一篇的內容，繼續介紹。 第二個Artboard就是主要的用戶資訊頁面，上面可以放圖片當作 banner，也壓個透明度底的顏色色塊當濾鏡。 頭貼可以...
小貓
‧
2018-11-04
大綱 會分為下面幾個段落來介紹 Simple Using in layout in code add a icon Text Button in...
我在前面的文章「Day 18 【習慣培養】輸入 - 聽、看」中提過，看動漫也是一種觀察的方法！通常動漫角色的人物刻劃都很鮮明生動，你可以從角色的時空背景、經歷、...
不曉得正在閱讀文章的你，上班通勤都是用什麼方式呢？公車？捷運？走路！？（等等，太讓人羨慕了吧！）還是騎車或開車呢？ 如果你和我一樣非大眾運輸的話，肯定經常在馬...
一個產品開發、設計往往不是一蹴而就的事，總是要經歷不斷的調整，今天就針對這部分簡單做個筆記。 那麼， 設計迭代（Design Iteration） 很早之...
昨天我們了解到 Communication 通訊中，快速入門流程可以幫助用戶快速熟悉應用程式，從啟動到操作特定目標的過程一一給予用戶引導。離線狀態允許用戶無需開...
你是否經常因為搞不清楚「這扇門怎麼開」而躊躇在店家門口呢？ 或是直接撞爆店家的玻璃門？在我書架上的其中一本書《不是你太笨，是爛UI的錯！》中有很多這樣的例子 -...
自行開發若沒有設計師的提供的畫面，工程師要如何想像呢？ Material Design 對 Android 工程師來說，對 Material Design 並不...
來到我們的第一個小觀察，在你的日常生活中，是不是常見到腳踏車與行人、汽機車，人車爭道呢？ 在我所工作與生活的雙北地區，是很常看到腳踏車有時候把自己當人（騎在人行...
【參加動機】 嗨呦~大家好我是Jasmine (｡･ω･｡)ﾉ 今天來跟大家說一下我會參加Mono Sparta計畫的源起好惹! 第一次的招募說明會是辦在201...
前言 接下來的篇幅會開始講到 Selection Controls Components 簡稱 “選擇控件”：允許用戶完成涉及做出選擇的任務，例如選擇選項、打開...
美化UI小技巧，讓單選框可以更符合設計樣式～ HTML <input type="radio" name="radio&...
要開始畫一個LOGO之前我習慣先簡單列出一些主題文字。這次要做的是一個旅遊包包整理APP所以我列出下面這些文字。 戶外旅遊 打包行李 確認的 輕巧的 快速的...
在平常上網，我們移動滑鼠、點擊元件已經成了日常。但對於一些使用者來說，「滑鼠」根本不是他們能選擇的輸入工具。 手有受傷的人可能無法精準操控滑鼠，視障者甚至看不到...
在介面設計裡，表格（ Data Table ）算是魔王等級的存在。 它往往承載著使用者最關鍵的資訊：帳單明細、交易紀錄、訂單狀態、成績列表⋯⋯但當資料密密麻麻、...
好幾天之前在鐵人賽開始的DAY2，與排版相關的文章裡有提到網格系統（grid system）的概念，那今天就針對它學習吧。 來吧！ 網格系統 (Grid Sy...
今天是雙十連假的最後一天～也是鐵人賽接近尾聲的倒數第 5 篇～今天就來講講跟設計師的溝通之術吧！ 前言 原本是個坐在位置上，每天打開 Jira 檢視今日任務，做...
上一篇我們聊到「排版與佈局」是使用者理解介面的地圖。那今天要來聊的 色彩對比與可見性，則是這張地圖上的「路標」。 好的設計不只是美觀，還要能被「看見」，而「看見...
不確定各位有沒有見過，像下圖這樣的洗臉盆？ 我曾在某次出遊中，入住一家飯店，該飯店廁所的洗臉盆就像這樣，而且清潔人員還很貼心（？）的按下按鈕（儲水狀態），我...
前言 在前15篇章節中，已經詳細介紹了專案中使用的套件及在專案中的具體實作方式。接下來的文章將深入探討專案的細節和商業邏輯。考慮到這是一個從零開始建立的產品，我...
tedkuo
Wen Chien
Dolly
vosscg0822
Chloe
Yvonne_Zhong
yenyichun
Jasmine Sie
Alice CH
Edmond
ＸＩＮ
小學生
ysl0628
iThome鐵人賽
看影片追技術