介面/網頁設計

「多語系網頁」在設計上該考慮什麼,才能為使用者體驗加分?

多語系 (國際化)網頁在設計時,往往因不理解該地區的文化或語言,而忽視了許多小細節,累積起來就會造成諸多問題,例如:降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 … 等。作者 John Saito 以他在 Dropbox 工作的經驗,提供許多設計的小技巧給讀者,希望能解決在設計多語系產品的相關問題,期待能讓產品的體驗更好。 (繼續閱讀…)...

UX 菜鳥設計師的職場觀察日記

人們對於未知的世界充滿好奇,相信學生們對於 UX 設計師的工作內容也有很多疑問,就像是一年多前還是學生身份的我,好奇著:學校探討的「使用者經驗」議題和職場應用的「使用者經驗」有什麼不同? (繼續閱讀…)...

圖越大越好?不是所有的使用者都跟你想得一樣!

在做產品設計驗證前,通常我們會先試著想像或限縮產品的使用者是哪一種人?有何種樣貌?以設計出符合使用者需求的設計;但很多時候,產品很難指向單一種特定的使用者。 以痞客邦部落格服務的使用者來說,可以基本分為「部落客」與「讀者」兩種類型;不過,部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制,食衣住宿行育樂都有(光是站方規劃的文章類型就有 40 種分類提供部落客選擇),而每種文章類型的「部落客」與「讀者」需求也都會有所...

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

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

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

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

畫出地球的線條!Google 結合衛星照片的塗鴉遊戲

世界上美麗的地方不少,儘管有相似之處,卻沒有兩個一模一樣的地方,即使人為刻意山寨,可能會讓人有點搞不清楚自己究竟在何方,但是一旦把焦距拉長,從遠方觀察,就會露出馬腳,因為每個地方的線條都是獨一無二。嗯......真的是這樣嗎?最近 Google Chrome Experiment 推出的 Lane Lines app,就利用衛星圖片幫大家進行這個「大家來找碴」的趣味遊戲。 (繼續閱讀…)...

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

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

迪士尼,讓彩繪本進化了

相信大家對「彩繪本」一定不陌生,但這本,我想你一定沒見過...由 Disney Research 隸屬於迪士尼旗下的一個進行著科技創新研發部分所進行,而目前尚在研發、改良、優化的一款「仿真化,立體塗鴉本」! 這項藉由軟件 APP 的性能,把繪圖本上的平面圖樣的線條加以做數據演算,進而在科技產品的螢幕上進行於立體化的呈現,讓平面得以立體化的精彩。除了這樣 2D 轉 3D 的科技感外,這創新的點還有它能夠即...

中村勇吾| 那些流逝中的時光的模樣

我們生活在一個如此繽紛多彩的世界裡,天空是藍色的,草地是綠色的,太陽是暖橙色的,他的眼眸是黑色的......那對於無時無刻存在於我們身邊卻從來看不見摸不著的時間而言,它的顏色會是怎樣的模樣呢? 日本世界級的交互設計大師中村勇吾,用他設計的一款匠心獨運的應用「LIFE COLOR CLOCK」給了我們詩意般的答案。 應用的主體部分是一個刻度精準的錶盤,用戶可以將 Facebook 或 Instagram 中的圖...

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

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

【免費工具】仿菲林的特效處理網站 Film Emulator

在隨拍隨後製之無時無刻離不開特效影像的強大應用軟體之下,各別具效果的影像們已不再稀奇,但,在各手機應用之 APP 皆有著十足強大的功效下,它們卻總還是無法滿足各位看官對照片的高要求嘛~ 那麼,這專為熱愛懷舊復古情懷之「仿菲林效果」製作的網站,相信會深得你的喜愛,除了擁有上百種風格款式之鏡頭的仿效選擇外,無需收費且使用介面簡單又清晰的讓人一用就上手是這網站最大的特點,對比於後製軟體們過於繁複又常令人不知該自何處下手的...

說不清楚,不如用筆畫!設計師愛用的討論工具「Morpholio Crit」

用說的不清楚,用寫的不清楚,到底怎樣才能一目了然呢?或許設計師會說:來來來~哩來~用畫的最直接! 試著想像哪些族群會利用繪畫來溝通,像是設計師、工程師、攝影師、建築師等等的工作都有可能是今天的主角,「Morpholio Crit」這款手機平板 App 的目標使用者。不管是在設計師與設計師之間,或是設計師與業主之間,透過圖形的描繪可以讓他們更了解彼此的想法,比起打上一堆不著邊際的形容詞,如此便能精簡不少作業時間。...

5 大數位多媒體設計類金點新秀設計獎講評

數媒今年有什麼讓人耳目一新的作品呢?來看看五個新秀富情感也具議題性的新作!   耳目譯新 (Hear Me) 南臺科技大學 創新產品設計系 | 莊祐丞、黃政勛、黃煜堯、黃宗達 作品介紹 「耳目譯新 –Hear Me 聽障語言學習穿戴裝置」是針對聽障生溝通障礙的創新產品,具手語直譯口語提升雙向溝通,危險音源辨識主動震動提醒;軟體輔助學習生活用語與詞彙矯正,使聽障生提升學習專業能力,建...