技術 UI設計的使用軟體挑選－為什麼使用Sketch？

前言上一篇簡單的比較Sketch和Photoshop兩個軟體，也有提到Sketch絕非UI設計唯一的軟體，例如：Photoshop、illustrator、Ad...

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

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

技術 新手UI起手式，以Daily UI 01-Sign up為例 1/3

前言大部分的UI設計師應該都挑戰過Daily UI，除了可以累績作品之外，另一方面也可以訓練設計師如何在短時間整理並思考使用者需求，進而完成介面設計。今日挑選D...

技術 新手UI起手式，以Daily UI 01-Sign up為例 2/3

前言上一篇文章分享了在設計前可以如何開始進行的簡單流程，這一篇文章將延續Daily UI 01-Sign up的UI設計的設計思維和UI繪製的細節。如果沒看的上...

技術 Google地圖視覺設計客製化，以Daily UI 41-Workout Tracker為例 3/3

使用外掛/工具的想法設計師會有很多想法，會透過大量觀察、溝通、閱讀與參與所產生出來，如何將想法有效率的實踐出來呢？現在有很多外掛或軟體，能夠輕鬆取代之前繁雜的任...

技術 介面設計流程與開發-我們的30天

前言鐵人賽是需要鼓足勇氣、做好準備才敢參加的比賽，由於太艱難容易使人放棄，所以有一起督促前進的夥伴是非常重要低！初次參賽的我們，決定先挑戰順利完成30天學習記錄...

技術 如何定義介面應該有什麼功能，以Daily UI 41-Workout Tracker為例 1/3

介面為何 介面是使用者與裝置溝通的媒介，但不一定是以實體呈現，有可能是看不到的，像是以語音為主的介面（Voice UI，VUI），應用於Amazo智慧揚聲器Ec...

技術 淺談文字設計，以Daily UI 41-Workout Tracker為例 2/3

文字的力量文字不只是單純告訴內容含意，也會因為字體的形象帶給使用者視覺聯想，表達出設計的個性。設計師常藉由字型去呈現不同視覺效果，如果要在短時間內改變固有的設計...

技術 Day 5 - Text fields ( Implementation )

大綱 TextInputLayout Simple Using Adding a leading icon Leading icon attribute...

技術 Day 4 - Text fields ( Design )

前言 今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...

技術 [ReFlo : Day 13] FLO整體架構，畫面任務與操作流程

今天要來盤點這個App可以做到的任務和確認他的流程，統整一下我是從哪一個版本開始的後續透過競品分析之後會聽說我心中的重新設計 我把這個App分成四大部分來看：主...

技術 Day 28 【職涯之路】如何與設計師協作？

今天要聊的主題有兩個面向，一種是身為UX要如何跟UI設計師合作、一種是自身是設計師，要如何與其他設計師協作。 ｜身為UX，如何與UI設計師協作？ 台灣有很多的...

技術 Day 07 【生活觀察】考考你的注意力和算數！

一連觀察了六天，我想大家也累了（誤）不是，是我累了～寫文章好累的ＱＱ！ 看看可愛的企鵝先療癒一波～這是幾年前在北海道拍攝的ＸＤ 今天，我們來玩一個有趣的注意...

技術 [ReFlo : Day 10] 了解Flo的設計原則（三）生理週期小工具呈現資訊與服務目標

接續昨天的進度，昨天看生理週期小工具設計原則，今天會看隨之產生的介面。 今天重點：生理週期小工具呈現的資訊，和達成的目標！ ㄧ.我的月經週期 這區塊會顯示三...

技術 [React][jsx] 隨畫面滾動淡入淡出

程式碼分享加小紀錄，如果能幫到你的話就太好了 codeSandBox 透過滾動才出現的box，會淡入，當畫面滾動到看不見該box，他就會在看不到的地方悄悄淡出。...

技術 [ReFlo : Day 11] Flo Assistant，來了解你的週期助理

今天要來觀察 Flo Assistant ，就是對話式的資料助理！每天輸入完資訊之後他都會直接跳出來跟你說要討論一下，窩喔！又要討論？一開始會很認真的跟他討論，...

技術 [ReFlo : Day 12] Flo Health Library，一起看健康圖書館

之前 Day 7 了解 Flo 與世界各地著名的醫學專家、研究機構、大學和研究小組合作。分成三類合作領域：Content Collaborations、Inno...

技術 【Day6】競品分析 — 單項作品內容頁(1)

今日挑選的競品會跟先前不一樣，主要是顧及到個人既有作品之類型有關聯。今日找了兩份檔案，一個是處理設計系統、一個是處理流程議題。相關描述如下（更細部的項度分析仍在...

技術 【Day7】競品分析 — 單項作品內容頁(2)

今日選定的案例是高階設計師處理國家等級的UX議題，雖然層級偏高，但個人覺得其網頁鋪陳的很好，只是三份案例更細部的項度分析仍在製作中： Terj.Lin－曾處理澳...