如何設計 「可拖曳元件」(Drag and Drop)?

介面上,你應該常使用到 可拖曳元件 (drag and drop),例如拖拉 Gmail 的信件到資料夾中、移動 Trello 的卡片或是把 Chrome 瀏覽器上的分頁重新排列等。雖然操作很簡單,但這些互動的設計複雜度超過你的想像。本文就來分享在 VMware 中設計「可拖曳的元件」的經驗。 (繼續閱讀…)...

如何設計有「大量資料 data heavy」的介面?

我們應該常聽到老闆說:要把我們產品設計的越簡單越好!這句話看似沒錯,但時常雙方都會過度誤解 「簡單」 的意義,認為所有產品都應該第一眼就會用,而且畫面就該簡單到不行,但對某些產品,有時候過度的簡化或省略,反而造成不良的體驗,例如需要一目瞭然、方便比較、或有大量資料( data heavy )的產品。 (繼續閱讀…)...

來自全球頂尖科技公司的設計實習生作品集

一般來說,要看到他人的設計作品集 (portfolios) 除了時常瀏覽、追蹤 Behance、dribbble … 等設計平台外,很難輕易看到優質的作品集(非單一作品),更何況是 Apple、Google、Facebook、adobe … 等全球頂尖科技公司的設計師!今天大舌頭就來跟大家分享 cofolios 這網站,這網頁的站長十分地慷慨,將自己所蒐集設計師作品集整理並分享,快來一起看看吧~ (繼續閱讀...

那些真正影響使用者體驗的網頁效能數據指標 – Google I/O 2017

在 Google I/O 2017 中我認為有一場談論網頁效能數據與使用者體驗的演講很值得分享:Web Performance: Leveraging the Metrics that Most Affect User Experience,雖然內容圍繞在網頁技術架構的建議上,可能會讓不懂程式技術的人卻步,但身為 UX 從業人員,數據分析是一個非常重要的技能,可以幫助我們建立衡量的基準、理解產品的表現,這場演講內容是...

越來越普遍的扁平化設計,真的會降低人們使用頁面的效率嗎?(下)

扁平化與日漸普遍的極簡主義 這種趨勢並非無端出現。 被譽為建築史「現代主義之父」的美國建築師 Louis Sullivan 創造了現代摩天大樓的原型,他留給後世更大的財富,還在於放之四海而皆準的設計格言:形式追隨功能( Form follows function)。 這句話的意思很簡單,即設計首先得考慮功能性。 (繼續閱讀…)...

設計大量內容的頁面時,該注意哪些 UI 設計準則?

依專案的不同,在設計上需要考量的項目也有所不同。當我們接到需要呈現大量內容的產品設計任務時(如新聞、入口網站),該思考哪些要點呢?另外,使用者會不會因為大量內容而造成使用上的困擾?作者提出 6 大 設計準則 ,讓設計師在進行這類相關設計時有參考的方向。 (繼續閱讀…)...

激發靈感的 50 套網頁配色方案,連色票都附上囉!

色彩搭配對網頁視覺起著最直接的影響,所以設計師們總是對此十分謹慎且難以抉擇... 一群洞察至此的海外設計師就整理出了以下 50 套網頁配色方案,而且每一套都附有色值,希望以此激發大家的設計靈感,讓各位網頁設計師早日告別焦慮與無限期加班—— (繼續閱讀…)...

25 個國外時尚網頁設計案例欣賞

時尚網站中往往最需要幫助客戶體現出「高端、時尚、大氣」的要求。完美的模特、對享樂主義的渴望和新穎的創意無不在通過視覺來調動人們的情緒。希望下面這 25 個案例能夠讓你找到一點感覺,受到一點啟發。 (繼續閱讀…)...

2016 最值得關注的 16 個網頁設計趨勢

【編按】在變化快速的世代中總還是有一些依循於時間的變化下,你我所能夠感受到的脈絡變動~新的一年已經來了,而於此之上的更將是條永不停息的蛻變及進化。 關於網際網路,我們似乎早已無法與之分離,那麼在使用或創造的當中,你可有走在那引領或跟上趨勢及潮流的隊伍中呢?!以下 16 項趨勢,將讓我們在當中得以掌握到新一年的新氣象! 文章來源/ 優設網 原文/ 16 Web & Graphic Design T...

用網頁程式語法所寫出來的稀有動物們

曾經,和人類一同搭上了諾雅方舟的牠們,如今卻可能因為於環境的變遷、人為的破壞等,逐漸地銷聲匿跡在和我們所一齊生活的地球之上...也許,我們都還未曾知曉卻可能已經僅存不到幾隻的稀有物種們。此刻,就和我們一起藉由 Species In Pieces 認識認識牠們吧! Species In Pieces 一個由阿姆斯特丹的設計師 Bryan James 利用 HTML+CSS 語言編寫、製作而成的網頁,藉以三角形的幾...

家居品牌 Fornasetti 互動網頁玩到停不下來

阿姆斯特丹設計工作室 Fornasetti 重新設計的品牌首頁,相當的頑皮,充滿了童趣元素和趣味的互動體驗,三樣文具——指南針、圓規和筆隨著鼠標愉快的起伏,好歡樂。 Random 是一個以創意和視覺為導向的互動設計工作室,他們的作品游離於藝術、設計與技術,虛擬與真實之間,非常厲害。 (fun...

TheFWA : Kia Forte Techathlete Games 起亞佛瑞迪互動體育遊戲

RL:  https://www.techathletegames.com/fb.html 起亞福瑞迪在網上推出了一個多設備操控的3D互動體育遊戲網站,你可以通過攝像頭、話筒、鼠標、鍵盤或者手機來進行不同的互動體驗,當然,不同的設備也將對應於不同的遊戲。飽滿的色調與超強的3D效果為其加分不少。 (繼續閱讀…)...