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

台北網站設計 網頁設計公司 網站設計公司

用說的不清楚,用寫的不清楚,到底怎樣才能一目了然呢?或許設計師會說:來來來~哩來~用畫的最直接!

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

不只是在圖片上畫畫,還可以利用簡單的調整工具來改變圖片的明暗度,或是多加一層淡色的圖層,讓原本複雜的圖片不會干擾視覺,使用者在上頭的所標明的圖案與文字才能看的一清二楚。

 

網動廣告科技

參考資料:https://www.mydesy.com/morpholio-crit

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

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

網頁設計 網站設計 台北網頁設計

在隨拍隨後製之無時無刻離不開特效影像的強大應用軟體之下,各別具效果的影像們已不再稀奇,但,在各手機應用之 APP 皆有著十足強大的功效下,它們卻總還是無法滿足各位看官對照片的高要求嘛~

那麼,這專為熱愛懷舊復古情懷之「仿菲林效果」製作的網站,相信會深得你的喜愛,除了擁有上百種風格款式之鏡頭的仿效選擇外,無需收費且使用介面簡單又清晰的讓人一用就上手是這網站最大的特點,對比於後製軟體們過於繁複又常令人不知該自何處下手的過”功能中,這網頁的存在著實令人感到 簡單 真好!

「Film Emulator」由瑞士軟體工程師 Jonas Wagner 以攝影師 Pat David 在 2013 時所開發之修圖軟體為基礎,透過 JavaScript 將其轉換為易上手、免費,又無需下載任何程式即可使用之仿菲林製作網頁。

單一畫面的純粹呈現,在頁面上方為檔案輸入、輸出、下載等各基礎功能之選項,右方列單則是相關細節的調節選單,只要隨選一個款式就得以創造出有菲林效果的圖像們!

網動廣告科技

參考資料:https://www.mydesy.com/film-emulator

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

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

網頁設計報價 台北網頁設計公司 台北網站建置 

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

網動廣告科技

參考資料:https://www.mydesy.com/google

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

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

後台網頁設計 RWD網頁設計 網頁設計推薦

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

網動廣告科技

參考資料:https://www.mydesy.com/web-page

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

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

網站建置 網站改版 客製化網頁設計

曾經,和人類一同搭上了諾雅方舟的牠們,如今卻可能因為於環境的變遷、人為的破壞等,逐漸地銷聲匿跡在和我們所一齊生活的地球之上…也許,我們都還未曾知曉卻可能已經僅存不到幾隻的稀有物種們。此刻,就和我們一起藉由 Species In Pieces 認識認識牠們吧!

Species In Pieces 一個由阿姆斯特丹的設計師 Bryan James 利用 HTML+CSS 語言編寫、製作而成的網頁,藉以三角形的幾何色塊分別為 30 種瀕臨於滅絕的物種們所設計的網頁…那在柔和雅緻的色澤中,飄散著猶如玻璃碎片的三角色塊,而那在場景轉換下所聚集、轉換、碎散的色塊們則會一一猶如七巧拼圖一樣的,在幾何狀中加以拼湊出牠們帶有特色的面容,並在專業知識的輔佐下使我們得以更認識牠們。

網動廣告科技

參考資料:https://www.mydesy.com/30-species-in-pieces

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

LOUIS VUITTON 推出《城市指南》APP 應用

台北網站設計 網頁設計公司 網站設計公司

自1854年以來,代代相傳至今的路易威登,以卓越品質、傑出創意和精湛工藝成為時尚旅行藝術的象徵。產品包括手提包,旅行用品,配飾,鞋履,成衣,腕錶,高級珠寶及個性化訂製服務等。

近15年間,LV 邀請了很多人參與他們的旅行,就是為了創造城市導行,實現品牌終極目標。目前,他們已經進入到了一個數字化的平台。

新的手機 App 應用完善了紙質城市指南,讓用戶可以自行探索城市,如曼谷,布拉格,羅馬。有了這個新應用,用戶可體驗旅行的意義,找尋一切的未知,也正因如此,才顯刺激美妙。這個 App 非常實用,包含專有的用戶共享,私密地址,實時文化活動信息。

LV 正創造了一個生活方式的 App,用新的方式接觸客戶,當他們探索新城市時,使他們參與到品牌中來。對於 LV 而言,時尚涉足了數字化領域,除了促進了品牌的發展瓦,也使他們與消費者有更緊密的相連。且在這數字時代的到來下,LV 自當不會落下!

網動廣告科技

參考資料:https://www.mydesy.com/louis-vuitton-city-guide-app

LOUIS VUITTON 推出《城市指南》APP 應用

如果總動員們變身為 APP ICON?!

網頁設計 網站設計 台北網頁設計

不曉得大家對電子產品中的主題視覺是否有特別的印象,並曾經為自己的手機、平板或電腦上逐一換上自己所喜愛的主題圖像呢?

此系列來自巴西設計師 Leo Natsume 以《玩具總動員》為背景原形,將當中各角色們逐一轉化為 icon 圖像,不僅從中繪出了各角色的特色,並將他們各自搭配上了合適的元素,使系列圖像有更完整的詮釋外,也讓許多玩具總動迷們相~當~動心吧!

覺得以蛋頭先生詮釋的計算機實在是很有趣,加減乘除就好像他的五官與肢體總能夠加以重新組合成一個新的面容。

網動廣告科技

參考資料:https://www.mydesy.com/disney-toy-story-icons

如果總動員們變身為 APP ICON?!

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

台北網站改版設計 台北RWD響應式網頁設計 套版網頁設計

先從提出研究假設開始吧

這個研究專案裡主要研究對象是平時有瀏覽部落格文章習慣的讀者,我們分別找了兩種讀者來進行研究,一種是喜歡閱讀美食文章的讀者,另一種則是愛好看電影影評的讀者。為什麼會選定兩種讀者進行研究呢?我們提出的假設是:美食的讀者在閱讀行為上,喜好廣泛概略性的瀏覽內容;而電影影評的讀者則偏好深度品嚐文字。

我們想知道在同一個產品設計裡,這兩種不同類型讀者的反應跟想法是什麼?

小細節大發現,一種設計符合兩種使用者需求

測試研究結束後,專案團隊人員決定設計出可「切換版面」的功能,好幫助這兩種不同類型的讀者篩選文章。而從這次的研究經驗裡,筆者也再度了解到從使用者日常行為的脈絡中,UX 觀察與發現是多麽重要的一件事,一個小小觀察發現,進而帶動小小的產品設計調整,就能提供不同使用者更符合他們需求的服務,我想這也正是 UX 的價值所在。

網動廣告科技

參考資料:https://www.mydesy.com/article

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

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

台北網頁設計公司 台北網站建置 套版網頁設計

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

試著想像你正在試用一款新 app,這 app 在 twitter 上受眾多人推薦、分享 … 說它很棒、生活因此改變了 … 等。這 app UI 如下圖,仔細看看是不是有些地方令你感到怪怪的?介面上方有段影片,但影片上的標題文字你卻看不懂;介面上的用字有些奇怪,按鈕上的文字也跑版、破格。如此的 UI 呈現品質,你還會信任這產品嗎?

當然,這可以被解釋為此 app 不是針對你所在的地區語言所設計(也許是精靈語 XD~),所以這些開發者、設計師並不曉得翻譯成各國家的語言後會變成怎樣。無論你信不信,這確實是非英文系國家使用者常會遇到的問題!因為許多 app 僅針對英文語系來設計,而忽略了一些翻譯後的設計細節。

網動廣告科技

參考資料:https://www.mydesy.com/john-saito

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

如何透過數據決定 「用字」,以提升使用者體驗?

網頁設計報價 網站設計 台北網頁設計

在使用者體驗 的設計考量中,用字也是一個相當重要的環節。此篇文章中,作者描述在 Dropbox 團隊中,如何透過數據資料來設計產品用字,並分享了許多工具與方法:

用字是一種藝術,因為文字能讓人們笑、感動甚至激勵我們做有意義的事。但是它同時也跟科學有關,我們可利用資料累積的資訊數據協助選字,及讓我們可更客觀的思考。

為了 使用者體驗 ,什麼是對的?什麼又是錯的?

身為 Dropbox 的 UX,我們的目標就是確保每個用字都有意義且合宜。錯誤的用字可能會造成不好的使用者體驗;一個不明確的按鈕文字或陌生的名詞會讓使用者感到挫折。為了確保能使用正確的文字,我們藉由以下幾項不同的工具與技術來協助我們。

Google Trends

如果你正在決定要用哪個用字或詞,並且你也不知道哪個比較好,這時候你可以嘗試使用 Google Trends。

Google Ngram Viewer

Ngram Viewer 類似 Google Trends 提供的服務,但主要是檢索出版的書籍與 scanned by Google 的內容。你可以透過這些資料,來找出針對你的語言哪個字詞較常被使用。

Dropbox 最近在 iOS 上推出一款「簽名功能」的工具 app。在我們還未調整之前,介面上有段提示文字「Sign Your Signature」。

網動廣告科技

參考資料:https://www.mydesy.com/dropbox

 

 

如何透過數據決定 「用字」,以提升使用者體驗?