SPARKFUL

Blog

SPARKFUL x Fourdesire 團隊心得與生活點滴

文章分類使用者介面設計
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

Sophia Wanguser-interface-design
電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...閱讀更多
divider
name

藏於字句間的創作:產品中的在地化翻譯

Wei-Fan Chenuser-interface-design
產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...閱讀更多
divider
name

讓設計跟著指尖走:觸控設備上的互動效果

Decill Changuser-interface-design
對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按...閱讀更多
divider
name

幫使用者安排好下一步

Wei-Fan Chenuser-interface-design
設計使用者介面時常常會碰到需要讓使用者來決定下一步的時候,在電腦系統中最常見的就是「確認」以及「取消」按鈕;像是在作業系統中要刪除檔案時,系統會跳出以下的詢問視窗,並且已經預設將選項標記在主要的選項上...閱讀更多
divider
name

魔鬼藏在設計細節裡:互動按鈕大小事

Decill Changuser-interface-design
當一個產品完成核心部分的需求之後,我們就可以準備開始研究細節的問題。一個產品幾乎每個層面都可以談論細節,其中還包括表面上看得到的,以及表面上看不到的。表面上看得到的細節很簡單,花時間去做、去嘗試、去犯...閱讀更多
divider
name

他真的不是我兄弟:像素跟點大不同

Decill Changuser-interface-design
產品開發的分工,是一件挑戰團隊合作技巧的事情。以網頁開發來說,由於網頁的特性,單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀,往往是在繪圖軟體裡面將視覺部分定稿,再由前端工程師根據設計來將產品的視覺部分實...閱讀更多
divider
name

圖示設計:辨識度與使用性

Decill Changuser-interface-design
在圖形化使用者介面中,常常可以看到許多各種不同的圖示。即使是我們平常每天瀏覽的網頁中,除了文字、圖片以外,最常見的就是各種標示功能與美觀效果的圖示了。圖示的功能很多,有的是表示啟動一個程式,或界面上的一個功能;...閱讀更多
divider
name

完美的像素:字體渲染那點事

Decill Changuser-interface-design
字體是視覺設計中很重要的一個部分,各種繪圖軟體如 Photoshop 以及 Illustrator 都提供了相當強大的文字編輯工具,可以隨心所欲的製作出各種文字編排。而當我們在使用文字輸入工具時會注意到有一個文字反鋸齒的選項:針對這個功能,Adobe ...閱讀更多
divider
name

完形心理學的視覺法則

Wei-Fan Chenuser-interface-design
我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常常可以幫助我們快速的辨別事物,有時候也會產生所謂的「錯覺」。完形心理學重要的概念便是「整體不等於個體的總合」,舉例來說:當我們在觀察另一個人...閱讀更多
divider
name

為使用者撒下「麵包屑」

Wei-Fan Chenuser-interface-design
大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面...閱讀更多
divider
name

阻擋機器人的神奇驗證碼系統

Decill Changuser-interface-design
常在網路上到處瀏覽的朋友一定對「驗證碼」這種東西不陌生,通常會出現驗證碼的場合不外乎就是為了安全性的考量,為了防止駭客利用自動化程式做暴力式的登入嘗試,防止自動化程式在留言板討論區等的洗版行為,或是頻繁存取導致伺服器崩潰等等情況,而設立的安全性...閱讀更多
divider
name

資訊和特殊效果的絕妙平衡

Wei-Fan Chenuser-interface-design
「訊息」是為了溝通而產生,而「使用者介面」就是承載著資訊的載體。使用者透過介面,和各式各樣的系統進行五花八門的資訊交換。資訊可能由使用者產生,例如某個人在 Twitter 上發了一則訊息,透過介面上傳到網...閱讀更多
divider