設計大綱 上一個區塊設計了使用者的「痛點」，因此接下來的區塊想要做一個「平台的小廣告」，讓使用者了解到我們這個平台可以幫助他們解決問題。由於上一個區塊並不是滿版...
設計大綱 早安！今天來設計痛點，這邊我想要做三欄式，列出三個他們目前主要可能會遇到的問題，再加上圖片，讓使用者有感到身受的感覺。另外，因為Grid system...
什麼是好的網站設計？ 使用者使用網站時是否容易操作及有良好的動線，避免過多不必要的元素，讓使用者快速找到資訊。避免過多的動畫或圖片，導致載入速度變慢，間接影響到...
設計大綱 上一集設計完header的滿版背景後，今天會設計Navigation bar。Navbar在網頁來說也是蠻重要的一個元件，通常會有LOGO、常用按鈕或...
區塊元素(block) 預設為區塊元素的標籤有：h1~h6,p,div,section,header,nav等等… 會造成「換行的標籤(元素)」 可以設定「w...
設計大綱 今天來設計Landing page的header。這次想要做的是一個滿版的header，在header裡面會有標題、內容、以及input（提供使用者填...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
前言 在開賽前，先來做個小小的自我介紹好了！目前是火箭隊的網頁設計組，加入火箭隊前有上過六角學院的UI課程（上課前完全是0基礎 ><!!!），但卻從...
承上篇 CSS 小筆記 漸變(淡入淡出)：CSS屬性 秒數 速度曲線範例code如下： .g-100 { filter: grayscale(100%)...
網站上線後，開始接觸網站經營相關的資訊時，才發現經營網站沒那麼簡單？ 網站最重要的工作就是招攬潛在客戶，卻有很多網站在上架後，都是站在原地等顧客上門，也因此各式...
隨著行動瀏覽成為搜尋引擎主流，響應式網頁設計也越來越重要，甚至能說在這幾年，假設你的網頁沒有響應式設計，或是響應式網頁設計不良，那你的網頁流量可謂十分不妙。 然...
簡單架設 x 不失質感 目錄 源起 : 開發者網站 開發工具 : Adobe Brackets 基礎的 html 與 css 語法 Bootstrap 前...
如果你沒有IT背景，但又想開展網頁設計的職業生涯，這篇文章可能會適合你。 這篇文章會告訴你： 我自己親身的入行經歷 零背景，在「網頁開發」這行業接Freela...
Day 30 - 這不是篇完賽廢文，我是認真發完最後一天!! 今天這篇其實是一直想做的整理拉，因為前面有寫到【第 22 個第一次】如果想找廠商做網站，我應該些準...
Day 28 - 你們服務項目有 Prototype，通常會位於流程的哪一階段呢? 在目前短暫的在外的拋頭露面當中，在 Prototype 這邊我都會多分享一些...
本篇重點 原型設計 ( 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 設計師的「設計參考」整理方法！今天會分享一些，工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主，單純好看的視覺網...
iThome鐵人賽
看影片追技術
看更多
烙詩
原來可以這樣做 | Sunny
a841722
Jade Chang
tedkuo
JYHsu
GG
Mike Fang