快速製作圓形漸層icon
快速製作圓形漸層icon


看到有人問這種圓型 icon 要怎麼做,覺得很有趣稍微思考一下原理,做了個簡易快速版本。比不上原版精緻、只是記錄思考方式。

如何讓公司的平面設計師交出可以用的 Web 圖?

在演講的 QA 時間,有幾位 F2E 跑來問我這個問題,看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來,卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢?

UI 是藝術還是設計?

建議想當 UI 設計師的新手去練練素描水彩,對未來從事該職業有很大的幫助,他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對,我應該要回一句「因為你不懂。」

自製簡易 icon 教學
自製簡易 icon 教學


雖然網路上有很多多多免費的 icon 讓人使用,但大半都禁止「商業用途」,要馬就掏錢買一套、要馬就自己畫。介紹一下我愛用的自動筆和筆記本,以及最基本的 icon 從鉛筆草圖一直到電腦完稿的流程。(相信念廣告設計的學生對這過程非常熟悉。

UI 設計師專屬手繪課!許願表

算了下時間,我在畫室上了快一年的素描水彩。素描和水彩絕對是 UI 設計師基本功,上了幾個月作品就有明顯的提升。負責教學的老師非常強悍!只是每週六去畫室上課,就有辦法讓我突破許多在光影和材質上的癥結,害我一期上完又乖乖報名下一期。有興趣的人麻煩填一下 UI 設計師專屬手繪課許願表 喔!

從 F1 方向盤看使用者經驗


這是F1賽車的方向盤,可以看到儀表板上各式各樣的按鈕或旋鈕。
原文連結:An Inside Look at the Insanely Complex Formula 1 Steering Wheel

準備作品集

這問題被問太多次orz整理一篇文出來,大家自己看。做設計這行的,作品集丟出來就知道實力在哪裡,字太多其實沒人要看,圖大張才是重點。網路上的教學就那些,臨摹、抄襲、盜用什麼的一看就知道,不要以為能矇混得過去。真矇得了也不過說明主管實力就這樣,在他手下做事不見得比較爽。

彩色圓環試作
彩色圓環試作


我在 QQ 優設 12 群掛著,有時候會看到他們 PO 一些問題求救,很有意思,會試著想要怎麼做得更漂亮,從中學到很多。這個圓環需要用到 AI 和 PS,看起來滿適合運用在技能值或數據視覺化。

網頁設計師基本功

不少做平面的設計師想轉行走網頁設計這條路,做網頁和做平面是完全不同的思維,加上 html 寫完後要交給 F2E 套特效套程式,並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎?

UI/UX 課程許願

稍微認真點在準備課程內容了,有興趣的人麻煩填一下「 UI/UX 課程許願表 」,不然我很難準備教材…

UI 如何改善開發流程

20170812 更新:此為 2014 年舊文,當時狀況為「UX 包含 UI」,所以 UX 工作包山包海包 UI,依目前工作職責來看,這篇文提到的所有工作內容皆為UI 設計師的工作。已修正。

一間公司要營運絕對不是靠某個人腦充血帶頭往前衝,各部門間有許多事情需要相互配合。UI/UX 是最近很紅的話題,已經到人人說得一口好使用者的程度。講歸講,要在軟體開發的什麼階段導入 UI 設計 呢?本文從我的角度來說明 UI 如何改善開發流程。