那些真正影響使用者體驗的網頁效能數據指標 – 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效果為其加分不少。 (繼續閱讀…)...

Webgene台灣: Orbis –「觸動」攝影展

URL: http://orbis.webgene.com.tw/tochingexhibition/index.html#/home 看見,並不是這麽理所當然的事。 在全球3,900萬的失明人口當中,有八成是可以預防的, 卻因為種種的因素,無法預防、改善,進而導致失明。 奧比斯就是一個致力於此的公益組織, 藉由眼科飛機醫院、醫療資源援助…等多種方式,去消弭除可預防之失明, 而尼泊爾的兒童眼科...

互動中國分享: 9個功能強大的信息圖製作網站

如今信息圖(infographic)已越來越多地用於我們的工作與學習中。它會幫助你把數據和信息以視覺化的形式迅速直觀地傳達給受眾。本期的互動中國分享帶來了9個功能強大的網站,這些在線網站可以幫助你製作信息圖,便捷又迅速。Enjoy! 來源:InfographicsArchive visual.ly visual.ly可以幫助你在極短的時間裡免費創建信息圖。   Piktochart...