技術 Day 5 - Text fields ( Implementation )

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

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

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

技術 Day 4 - Text fields ( Design )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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