準備開始囉 嗨囉，我是 Riven今天要用大概 3 分鐘的閱讀時間，一起快速認識 Adobe Xd 這個新的 UI/UX 設計軟體中，有哪些基本卻很重要的工具...
正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...
正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...
上一篇已經把介面設計好了，那我們今天先來介紹Adobe XD 的prototype。 一樣打開Adobe XD，看到左上角會有 Design 和 Prototy...
小貓
‧
2018-10-23
上一篇介紹完工具列各個工具的功能及操作，這一篇就來介紹一下狀態列和基本操作。 1.對齊可以選擇多個物件進行不同的對齊方式。 2.Repeat Grid可以選取同...
小貓
‧
2018-10-19
必點技能 近年來 UI / UX 設計盛行，許多企業在開職缺需求都有特別備註需要了解 Material Design 及 Human Interface Gui...
正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...
軟體開發公司擴大徵才【UI/UX設計師/資深設計師】工作地點：台北內湖科學園區瑞光路(近港墘捷運站)工作時間：日班 9:30-18:00PM薪資範圍：3.5萬~...
這篇會針對上一篇提到的工具列和狀態欄裡的每個小工具做詳細介紹。1.選取工具 ( V )可以選取物件作移動、縮放的動作，雙擊可以進入編輯狀態。 2.矩形工具 (...
小貓
‧
2018-10-18
大家好，我是GG！目前是一名網頁設計師，之前擔任平面設計，後來嘗試轉型成網頁設計至今已滿三年。三年的時間說長不長，說短不短，倒是在這段上班兼學習的期間，體會到平...
關於作者 嗨囉，我是 Riven。數位遊牧型態的設計師；喜歡在社群上分享設計上的觀察與技巧，撰寫的文章在 Medium 上被選為 #Desgin 領域 Top...
今天我們進入到 Material Design 中 Layout 排版的部分，排版涵蓋的範圍較廣，我們會分成兩天來介紹排版，今天會先了解排版、像素密度、響應式網...
IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿 本篇重...
昨天我們了解到顏色在搭配使用上呈現不同的色彩感受，在互動元件上巧妙的搭配能吸引注意力，顏色也能代表程式狀態，在不同的配色下仍然需要保持內文能清晰閱讀，在淺色及深...
昨天我們了解到色彩系統分為主要色、次要色、輔助色及替代顏色的基本概念及變體色的選擇，搭配不同的主題運用替代顏色進行色彩創作，在 UI 元件上建立高對比度的色彩搭...
目前自己都是用Adobe XD做UI設計，所以只會介紹Adobe XD，不會說道Sketch喔。目前Adobe XD是可以免費下載使用，但Sketch只有30天...
小貓
‧
2018-10-17
今天要介紹的軟體是 ProtoPie，他最初就是以 “ 打造設計師可輕鬆上手的工具”為目標，是目前唯一支持無程式碼調用感應器並製作跨平台互動的原型工具，可支援...
小貓
‧
2018-10-30
上一篇已經介紹過設定框裡的功能，那我們開始製作 Sign Up的prototype吧。 這次的Sign Up是很簡單的兩頁切換，我想要讓使用者可以隨意切換Sig...
小貓
‧
2018-10-24
在繪製設計精稿 ( Mockup ) 之前，先了解原子設計的五大階段，對於後續的溝通與產品建構，會更有幫助!Atomic Design 五大階段：原子 ( At...
在 Navigation 導覽列的單元，我們了解到 Navigation 導覽列擺放的位子以及在不同頁面間導覽列的功能，在畫面切換間使用轉換動畫能加強關聯性減少...
前一篇終於做完了Daily UI 001 Sign Up，那這一篇來介紹一下線上設計師平台-Lymma，大家熟悉的Dribbble、Behance是國外著名的設...
小貓
‧
2018-10-25
昨天我們用嚴肅的態度去了解 Material Design 基礎介紹與章節架構後，今天讓我們用比較輕鬆的心情將 Material 章節拆解細分，一天天拼出完整的...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
開始打程式前，網頁設計是不可或缺的環節！ 網站介面設計，稱為UIUX設計UI指使用者介面(User Interface)、而UX是使用者經驗(User Expe...
上一篇已經把基本的物件都做好了，可以來做美化設計了！ 首先我想幫Sign Up加陰影，讓他比較有空間立體感，選擇Sign Up物件，在狀態列的shadow打勾...
小貓
‧
2018-10-22
終於把Adobe XD大致上介紹完了，今天就要來進入正題了！第一個作品也是我接觸 UI/UX 做的第一個作品，做得比較簡單，剛好可以當超級入門的分享XDD，那我...
小貓
‧
2018-10-20
終於到最後一篇了！今天要把剩下的部分都分享完。 第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。 點擊新...
小貓
‧
2018-11-14
在昨天我們了解了 Layout 排版需要具備響應式設計並且保有一致性，像素密度與裝置解析度的換算，各裝置平台的像素特性，在響應式網格排版與斷點間的密切關係，今天...
在 Layout (排版) 的單元，我們了解到 Material Design 不止適用單一的螢幕尺寸，也是可以用於各種裝置的設計指南，不同的用戶在不同的情境使...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
Riven 林育正
tedkuo
Yvonne_Zhong
GG
atain880625
iThome鐵人賽
看影片追技術