本篇重點 原型設計 ( Prototype ) 種類與技巧 原型設計 ( Prototype ) 原型設計是對產品會如何運作的模擬，能在產品正式...
本篇重點： 設計規範製作 切圖 ( Slice ) 的格式與命名 設計標註檔 1、設計規範製作 依內容詳細程度，從精簡到完整分為三種類別：介...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。目前js相關的前端套件非常多，使用者可以依據自己的需求進行選擇，有些為擴...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
在開始介紹 SourceTree 的基本操作之前，先來說說一些 Git 的小觀念。筆者花了好多時間理解（真心佩服全天底下的工程師們！） 什麼是 Git？ Gi...
Day 19 - 初次認識 Firebase 其實這題目也是跟著 Day 9.10 的事情一起延伸出來的題目，工程師有提到資料與推播通知等等要透過 Fireba...
by Trello 關於 Trello 的超詳細介紹和使用方法，可以看看這篇文章：「為什麼大家愛用 Trello？最佳整理教學讓事情井然有序」 筆者身為網頁設計...
塞這主題是為了完整性但我其實沒什麼資格來介紹這兩大topic就是所以只會從工程師的觀點來講連假偷懶一點吧 ＵＩ是 user interface所以通常是與客戶接...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
Day 17 - 在一個內部會議上，「麻煩請 PM 把每個頁面跟客戶談的 action 跟限制等規則寫在 Zeplin 的 Notes 上好嗎? Zeplin...
進行 UI 設計入門學習第 15 天，慢慢的可以透過結構性思維去觀察事情。以下重點回顧感受較深刻的章節： 【Day 01】什麼是 UI 設計 使用者介面，目的...
延續上一篇 UI/UX 設計師的「設計參考」整理方法！今天會分享一些，工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主，單純好看的視覺網...
昨天分享的是「網站收集頁」，主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格，或是老闆認為該客戶的產業性質，也許更適合走某種設計風格時，我們也會整理出...
當一個新的案子進來洽談時，我們通常會在評估階段，先按照客戶的「產業」和「需求」找一些相應或適合的視覺風格網站。 除了公司本身的作品案例外，也會蒐集一些客戶 /...
在繪製設計精稿 ( Mockup ) 之前，先了解原子設計的五大階段，對於後續的溝通與產品建構，會更有幫助!Atomic Design 五大階段：原子 ( At...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wireframe 線框圖稿 本篇重...
正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...
昨天分享的教學是以文章資源為主，好處是一目了然，所有大綱和分類都可以快速尋找。但文字看久難免會想睡呀！ 學習時搭配一些互動式影片教學，可以幫助吸收和複習，一步一...
今天會用到之前所有的所學~ 如果還沒跟上進度的話建議你要先看之前的 (標題有用vue實作網頁)，或是到我的 github 上面去看code! 前言 我們前三...
Day 4 - 客戶說：欸我看網路上有 AWD，那跟 RWD 有什麼實質差別呢？ 晴天霹靂，一直都只有聽過 RWD，至少還答得出 2-3 句，AWD 這個實在...
記得剛開始接觸程式時，看到那些密密麻麻的程式碼，就像看到無字天書一樣，好多小螞蟻在爬呀爬......｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡ 和它認識久了之後，發現其實沒有想像中...
Day 3 - 自家設計師: 請客戶提供 SVG 好嗎? 自家工程師: 圖片格式要開哪幾種? jpg/ jpeg / png ，那 gif 呢??????? 第...
大家好，我是GG！目前是一名網頁設計師，之前擔任平面設計，後來嘗試轉型成網頁設計至今已滿三年。三年的時間說長不長，說短不短，倒是在這段上班兼學習的期間，體會到平...
世界領先的 WordPress 網站架設工具！ 齊來加入 超過 500 萬個專業人士和活躍用戶推薦的頁面編輯器 - Elementor Elementor...
大家好，我是 WordPress 網站迷谷 的 Mack Chan，這次簡單地為大家介紹一套在 WordPress 生態中非常有名的 Elementor 外...
前言 我是平面設計出身的，隨著網路時代的發展，漸漸的從平面轉數位廣告視覺甚至網頁視覺設計。 身為一個設計師，我一直很希望我設計的東西能夠讓前端工程師能切得更順利...
tedkuo
JYHsu
GG
Jade Chang
Mike Fang
ryanyen2
Mack Chan
iThome鐵人賽
看影片追技術