【魔鬼藏在細節裡】互動按鈕大小事

當一個產品完成核心部分的需求之後,我們就可以慢慢準備開始研究細節的問題 一個產品幾乎每個層面都可以談論細節:其中還包括表面上看得到的,以及表面上看不到的。表面上看得到的細節很簡單,花時間去做、去嘗試、去犯錯、去修正就好了。而看不到的細節諸如產品定位、使用者體驗等等,往往依靠不長期經驗的累積、研究與得到使用者反饋外,很難清楚的明瞭到底哪邊該怎麼去製作與修正。 筆者曾經做過一些平面設計,深刻的了解到「東西如果會被...

關於直式中英文排版的幾種可能性

在【讓我們吹毛求疵一下:中英文混排時的最佳化狀態】中,我們聊了一些中文字適應英文語系的橫式書寫的方式的情形。 因為中文的方塊組成在排列上具有非常優秀的彈性,因此不論是直書或是橫式的書寫方向都可以很好的適應。在近代為了推行電腦化、讓文字與資訊帶來普及化,橫式書寫的排版方式被廣泛地應用。但其實在許多場合,例如較為著重中文文字表達性的書籍,依舊會使用直式書寫來做排版,在閱讀上具有完全不同的閱讀體驗: &...

404 頁面:為網路上的旅人準備的小驚喜

我們在網路上瀏覽時,一般都是利用網址來找尋你需要的網頁。而每次當你輸入的網址錯誤、或是原本的網址更改了,就會出現「HTTP 404」找不到網頁的畫面。一般我們看到的畫面會是類似以下的狀況: 看起來很眼熟對吧?有時候光是看到這個畫面就會想嘆嘆氣呢。由於 404 可以說是最常見的一種 HTTP 狀態碼,因此許多網站都會特地為這個 404 的畫面做客製化,讓瀏覽者即使從錯誤的連結來訪你的網站,也不會有...

立足在擬物與扁平之間

去年微軟發表了 Windows 8 所搭載的 Metro UI 後,就掀起了一陣扁平介面設計(Flat UI Design)的熱潮,許多網站、App、介面設計和互動設計都開始採用了這種風格。Google 在前一陣子的設計革新中也運用了許多扁平設計的元素,就連上星期蘋果 WWDC 上發表的 iOS7 都有著那麼一點點扁平設計的影子。但到底什麼是扁平設計呢?採用扁平設計就真的放棄了所謂的擬物設計(Skeuomor...

介面上的微小細節:動畫效果的呈現

使用者介面中,有很大的一個部分的比例是屬於動畫效果呈現的部份,但是由於在討論的過程中,我們很難僅透過圖片或文字來解釋與描述動畫效果的呈現方式,因此這些細節常常最容易被忽略或是草草了事。 優秀的動畫效果在使用者介面設計中是不可缺少的,除了有趣、好看、增加介面的質感以外,更可以增添介面上的邏輯性。像是在電腦作業系統中,當使用者縮小程式視窗時,都會有一個該視窗縮小的動畫,使用者透過餘光便可以確認視窗被縮小到哪...

淺談色彩學:同一色系中的變化

色彩的世界多采多姿,不同的色彩計畫常常左右了產品最終給人的感覺,而色彩並不會單獨存在,良好的色彩搭配常常可以讓你的色彩計畫更加吸引人的目光。在《淺談色彩學:對比色配色》中我們曾提到色彩比例分配的原則,透過一些公式化的配色技巧讓大家在搭配色彩的時候有所依據而發展、不致於手足無措不知該從何開始。 以 70%底色、25%主色與 5%強調色的配色原則為例,由於底色與主色都是屬於同一個色相的色彩(黃色系),因此以這個例子...

Make Your User a Hero!

你能想像哈利波特、魔戒的佛羅多、鋼鐵人、甚至是許多傳奇英雄,其實都是同一個英雄的化身嗎?神話大師「Joseph Campbell」的著作千面英雄(A Hero with A Thousand Faces)中提及了這個論點,他認為所有的英雄神話都有著一樣的模式、令人著迷的模式,每個英雄都經歷了一樣的旅程,從歷險開始、試煉、逃脫、救贖到返回,每一個傳奇故事都有著類似的劇情,讓人著迷其中。 (繼續閱讀&helli...

Taichung Service Jam:一起動手做出服務設計!

Desiring Clicks 這次很高興來到了台中參加一年一度的 Global Service Jam 的台中場次,與好多朋友們一起體驗服務設計的過程、刺激以及喜悅。 Taichung Service Jam 的校長 Tony 是來自 1009 Design 的設計總監,活潑的帶領著大家從創意發想開始,慢慢進入服務設計的氛圍。常跑舊金山以及台中兩地的她說,非常非常希望可以將舊金山活躍的設計氣氛、最新的...

為圖片加框:幾種常用的作法與選擇

網頁設計時總是有許多考慮,而不得不為圖片元素加上框線處理,例如考量使用者互動與圖片互動時:像是滑鼠滑上、滑鼠按下時的效果;或是網頁版面設計時,或許是為了保留必須與文字一起排版的彈性、或許是考慮到無法掌握圖片內容、可能會出現網頁相同色彩的圖片,像是商業攝影圖片等,諸如以上種種狀況,都可能考慮到為圖片加上外框設計: (繼續閱讀…)...
讓圖示正確地與你的使用者溝通

讓圖示正確地與你的使用者溝通

在圖形化使用者介面中常常可以看到許多各種不同的圖示,即使是我們平常每天瀏覽的網頁中,除了文字、圖片以外,最常見的就是各種標示功能與美觀效果的圖示了。這些圖示的功能很多,有的是表示啟動一個程式(或是界面上的一個功能)、有時候是代表按鈕上的功能,或者只是為了單純美觀好看。 (繼續閱讀…)...

【完美的像素】像素決定了一切

對設計師而言,準確地掌握作品最後呈現在觀賞者眼前的效果是控制品質很重要的一個環節,如果是平面設計,從一開始的設計、選紙、打樣調整、輸出...都是為了讓最後呈現出來的作品更貼近原本設計。而在數位化載體上時,最基本單位則變成了為像素,所有影像最後被呈現在顯示器上的時候都被轉換成像素來顯示。 (繼續閱讀…)...