Blog

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

對於網頁瀏覽者來說，按鈕元件的幾種變化可以說是再熟悉不過的一種機制了：一般使用滑鼠瀏覽時最容易感受到的有 Normal、Hover 以及 Active 這三種效果，分別為按鈕平時的狀態、滑鼠游標移到上方的效果、以及點擊按... → Read more

有的人是左撇子，有的人是右撇子，但在螢幕裡面的虛擬世界，同樣的介面之於他們，是否會造成操作的習慣以及效率的不同呢？其實先不管你是左撇子還是右撇子，相對的位置與距離就能夠影響你兩手的操作反應與舒適度，我們可以透過... → Read more

突現的動態效果在介面中能夠有效的吸引使用者的注意，可引導使用者點擊、並開啟特定功能或訊息，常用於逐步的使用教學與訊息提示中；但當動態效果過多的時候，不但會造成使用者視覺上的打擾，久了還會呈現自動忽略的情形，而失去了使用動... → Read more

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

手勢操作可說是觸控式行動裝置的一大特色以及優點，使用者可以在空間狹小的螢幕中輕鬆又放肆地揮舞手指，快速執行想要的功能。而比較起螢幕中的虛擬按鈕，到底手勢對於使用性以及效率可以帶來多少效益呢？研究者 Bragdon 等人做了一個有關手勢操作的探討... → Read more

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

在設計資料量比較大的網站或是應用程式時，我們常常會遇到的問題是要採用分頁（Pagination），還是移動捲軸（Scrolling）便自動載入、呈現資料。Facebook 和 Twitter 的頁面在載入新資訊的時候，都是採用移動捲軸自動載... → Read more

在圖形化使用者介面中，常常可以看到許多各種不同的圖示。即使是我們平常每天瀏覽的網頁中，除了文字、圖片以外，最常見的就是各種標示功能與美觀效果的圖示了。圖示的功能很多，有的是表示啟動一個程式，或界面上的一個功能；... → Read more

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

因為中文的方塊組成在排列上具有非常優秀的彈性，因此不論是直書或是橫式的書寫方向都可以很好的適應。在近代為了推行電腦化、讓文字與資訊帶來普及化，橫式書寫的排版方式被廣泛地應用。但其實在許多場合，例如較為... → Read more

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