Blog
Insights from the SPARKFUL teams
Categories:User Interface Design
電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒
Sophia Wanguser-interface-design
電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以... → Read more
藏於字句間的創作:產品中的在地化翻譯
Wei-Fan Chenuser-interface-design
產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人... → Read more
讓設計跟著指尖走:觸控設備上的互動效果
Decill Changuser-interface-design
對於網頁瀏覽者來說,按鈕元件的幾種變化可以說是再熟悉不過的一種機制了:一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果,分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按... → Read more
幫使用者安排好下一步
Wei-Fan Chenuser-interface-design
設計使用者介面時常常會碰到需要讓使用者來決定下一步的時候,在電腦系統中最常見的就是「確認」以及「取消」按鈕;像是在作業系統中要刪除檔案時,系統會跳出以下的詢問視窗,並且已經預設將選項標記在主要的選項上... → Read more
魔鬼藏在設計細節裡:互動按鈕大小事
Decill Changuser-interface-design
當一個產品完成核心部分的需求之後,我們就可以準備開始研究細節的問題。一個產品幾乎每個層面都可以談論細節,其中還包括表面上看得到的,以及表面上看不到的。表面上看得到的細節很簡單,花時間去做、去嘗試、去犯... → Read more
他真的不是我兄弟:像素跟點大不同
Decill Changuser-interface-design
產品開發的分工,是一件挑戰團隊合作技巧的事情。以網頁開發來說,由於網頁的特性,單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀,往往是在繪圖軟體裡面將視覺部分定稿,再由前端工程師根據設計來將產品的視覺部分實... → Read more
圖示設計:辨識度與使用性
Decill Changuser-interface-design
在圖形化使用者介面中,常常可以看到許多各種不同的圖示。即使是我們平常每天瀏覽的網頁中,除了文字、圖片以外,最常見的就是各種標示功能與美觀效果的圖示了。圖示的功能很多,有的是表示啟動一個程式,或界面上的一個功能;... → Read more
完美的像素:字體渲染那點事
Decill Changuser-interface-design
字體是視覺設計中很重要的一個部分,各種繪圖軟體如 Photoshop 以及 Illustrator 都提供了相當強大的文字編輯工具,可以隨心所欲的製作出各種文字編排。而當我們在使用文字輸入工具時會注意到有一個文字反鋸齒的選項:針對這個功能,Adobe ... → Read more
The Visual Perception Principles of Gestalt Psychology
Wei-Fan Chenuser-interface-design
Special tendency occurs when our eyes and brain observe objects and perceive visual stimuli. The tendency usually helps us to identify objects faster, but sometimes it also causes the “illusion”. The main concept of Gestalt Psychology is “the whole is other than the sum of the parts”. For ex... → Read more
為使用者撒下「麵包屑」
Wei-Fan Chenuser-interface-design
大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面... → Read more
阻擋機器人的神奇驗證碼系統
Decill Changuser-interface-design
常在網路上到處瀏覽的朋友一定對「驗證碼」這種東西不陌生,通常會出現驗證碼的場合不外乎就是為了安全性的考量,為了防止駭客利用自動化程式做暴力式的登入嘗試,防止自動化程式在留言板討論區等的洗版行為,或是頻繁存取導致伺服器崩潰等等情況,而設立的安全性... → Read more
資訊和特殊效果的絕妙平衡
Wei-Fan Chenuser-interface-design
「訊息」是為了溝通而產生,而「使用者介面」就是承載著資訊的載體。使用者透過介面,和各式各樣的系統進行五花八門的資訊交換。資訊可能由使用者產生,例如某個人在 Twitter 上發了一則訊息,透過介面上傳到網... → Read more
Latest Posts
- 10 週年,一起保有玩心的長大吧!|Fourdesire 2022 生活遊樂場活動紀錄
- 來份「心靈增肌菜單」不被焦慮綁架!Fourdesire 陪你鍛鍊「心理彈性」
- 《Book Morning!》故事起源:Fourdesire 與赤燭遊戲專訪
- 2022 晨型人養成計畫!與《Book Morning!》的晨讀約定,「故事」驅動你優雅早起
- 「容易分心」是對內心的提醒!用 3 種時間管理技巧創造理想生活
- 用 3 個問題復盤 2021,Fourdesire 陪你玩出更好的 2022!
- 首度公開!傳說中的 Fourdesire 實習生玩心探險全記錄
- 遊戲藝術思維的交織,《記帳城市》錢喵喵、《Walkr》童話星球與他們的產地
- 不被資訊焦慮淹沒,Fourdesire 給社群經理的安穩漂流指南
- 遠端工作也要一起玩!Fourdesire Team Building 線上活動企劃流程大解密