Blog
Insights from the SPARKFUL teams
Categories:User Interface Design
行動裝置上的按鈕大小設計
Magic Hunguser-interface-design
本文有圖檔遺失,我們正在努力恢復中了!在茫茫的 APP 海中,總是會有很多小不拉機的按鈕,怎麼點也點不到,使用觸控式行動裝置時最痛苦的事莫過於此,如果上天能夠給我一個重來的機會,我一定不會下載這個 APP!但,同樣是一些嬌... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
設計美觀和效率兼顧的圖示
Wei-Fan Chenuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!俗話說:「一圖勝過千言萬語。」在現代的圖形化使用者介面上,圖示的運用已經是一件習以為常的事情,無論是選單、對話框、按鈕、或是提醒事項,都常常會有一個圖示在旁邊... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
表單元素的排列組合,向左走還是向右走?
Wei-Fan Chenuser-interface-design
在現代的網站介面中,表單絕對是非常重要的一個人機互動介面元素之一。表單是由許多細小的元素所組合而成的集合體,標題和輸入框的排列方式有著重要的地位。不過,標題要放在輸入框的左側還是上面?要靠左還是靠右?... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
釋放瀏覽空間:滑動隱藏術
Magic Hunguser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!清單視圖(List view)為一常見又方便的介面控制元件,它主要是利用清單的方式來呈現一堆具有相似格式的資訊, 使用者可以輕鬆透過它預覽大量資訊,找尋有興趣的內容下手。但礙於行... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
按鈕和超連結不一樣
Wei-Fan Chenuser-interface-design
本文有圖檔遺失,我們正在努力恢復中了!對於許多網頁設計師或工程師而言,按鈕和超連結有著極為相似的程式碼,基本上他們也是出生自相同的歷史來源。但是他們在使用者介面與行為上其實有著非常不同的發展。按鈕代表著動作,而超連... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
先選擇對的顏色,而不是喜歡的顏色
Decill Changuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!中國有一句成語叫做「白紙黑字」,白紙上寫了黑字,閱讀起來是再清楚也不過了。形容了明確的文字憑據,不容許抵賴或悔改。一直到現在,白紙依然是我們最常用到的紙張類型... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
為你的臉書打造高畫質的專頁封面
Decill Changuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!相信大家都有把圖片上傳到臉書的經驗,臉書身為全球擁有最多圖片的服務供應商,截至 2011 年 9 月的統計,上傳的圖片數量已達到 1400 億張,且持續以倍數方式成長。也許是為了節省空... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
清楚又方便的指南設計
Wei-Fan Chenuser-interface-design
各式各樣的網路服務越來越多,從相簿、社群網站、留言板、線上訂餐、即時通訊到線上儲存、電子郵件等等五花八門的服務通通都亮相了!每個網路服務都會新使用者註冊使用,而當使用者來到網路服務後,第一個要做的,就... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
UI 陷阱:消失的三角地帶
Wei-Fan Chenuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!使用者介面設計是一件非常細心的工作,一點點小小的細節常常會有很大的影響。可能一點點的小失誤,會讓整個使用者介面非常難用而失去親和力。介面就是由許多小物件慢慢堆疊... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
導覽原則:任務導向與階層導向
Wei-Fan Chenuser-interface-design
本文有圖檔遺失,我們正在努力恢復中了!把能夠讓使用者快速完成任務的任務導覽放在頁首,瞭解網站架構的分類放在頁尾,完美的利用螢幕上的所有像素。使用者能使用的螢幕就這麼大,螢幕上的每一個像素對網站設計師來說都必須斤斤... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
替視覺設計「動線」
Wei-Fan Chenuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!無論是百貨公司或是便利商店,為了讓顧客可以輕易的拿到所想要購買的商品。動線設計其實是一門關於視覺、行為和選擇的設計,運用在賣場中,包括如何讓顧客順利的抵達結帳... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
逐步揭露資訊的設計原則
Wei-Fan Chenuser-interface-design
本文有大量圖檔遺失,我們正在努力恢復中了!你一定有看過這種電視遙控器,開關、數字鍵、換台和音量按鍵放在顯而易見的地方,遙控器的下面還有一個蓋子,拉下蓋子之後可以看到更多不常用的按鍵:切換輸入頻道、修正顏色、修正... → Read more
![divider](/_next/image?url=%2Fimages%2Fpages%2Fblog%2Fdivider.png&w=256&q=75)
Latest Posts
- 10 週年,一起保有玩心的長大吧!|Fourdesire 2022 生活遊樂場活動紀錄
- 來份「心靈增肌菜單」不被焦慮綁架!Fourdesire 陪你鍛鍊「心理彈性」
- 《Book Morning!》故事起源:Fourdesire 與赤燭遊戲專訪
- 2022 晨型人養成計畫!與《Book Morning!》的晨讀約定,「故事」驅動你優雅早起
- 「容易分心」是對內心的提醒!用 3 種時間管理技巧創造理想生活
- 用 3 個問題復盤 2021,Fourdesire 陪你玩出更好的 2022!
- 首度公開!傳說中的 Fourdesire 實習生玩心探險全記錄
- 遊戲藝術思維的交織,《記帳城市》錢喵喵、《Walkr》童話星球與他們的產地
- 不被資訊焦慮淹沒,Fourdesire 給社群經理的安穩漂流指南
- 遠端工作也要一起玩!Fourdesire Team Building 線上活動企劃流程大解密