在商言商

網站設計新趨勢
網站設計新趨勢

過去幾年,一成不變的網頁佈局(layout)已開始令人疲乏,幸而 Flexbox 以及 CSS Grid!(Chrome、Firefox 預計於今年三月開始支援)等技術的出現,讓版面設計變得更靈活彈性,為設計師、工程師帶來更寬廣的揮灑空間,今年將可看到更多網站打破慣有的「對稱」、「秩序」守則,形形色色,層層疊疊的網頁佈局肯定精彩。不過不變的大原則是,設計的重點是要烘托「內容」,內容才是骨肉、才是人們光臨網站的主因,因此設計的尺度上也需斟酌,天馬行空之餘,別反客為主,奪走內容的風采。

Jun
19
2017

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

在做產品設計驗證前,通常我們會先試著想像或限縮產品的使用者是哪一種人?有何種樣貌?以設計出符合使用者需求的設計;但很多時候,產品很難指向單一種特定的使用者。 以痞客邦部落格服務的使用者來說,可以基本分為「部落客」與「讀者」兩種類型;不過,部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制,食衣住宿行育樂都有(光是站方規劃的文章類型就有 40 種分類提供部落客選擇),而每種文章類型的「部落客」與「讀者」需求也都會有所不同,筆者最近所參與的研究專案裡就遇到類似問題。   先從提出研究假設開始吧 這個研究專案裡主要研究對象是平時有瀏覽部落格文章習慣的讀者,我們分別找了兩種讀者來進行研究,一種是喜歡閱讀美食文章的讀者,另一種則是愛好看電影影評的讀者。為什麼會選定兩種讀者進行研究呢? 我們提出的假設是:美食的讀者在閱讀行為上,喜好廣泛概略性的瀏覽內容;而電影影評的讀者則偏好深度品嚐文字...
  • Jun 19 , 2017

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

    色彩搭配對網頁視覺起著最直接的影響,所以設計師們總是對此十分謹慎且難以抉擇… 一群洞察至此的海外設計師就整理出了以下 50 套網頁配色方案,而且每一套都附有色值,希望以此激發大家的設計靈感,讓各位網頁設計師早日告別焦慮與無限期加班——   文章來源/  數英網 DIGITALING 編輯/ 宋那個 素材來源於/  Canvas NO.1 NO.2 NO.3 NO.4 NO.5 NO.6 NO.7 NO.8 NO.9 NO.10 NO.11 NO.12 NO.13 NO.14 NO.15 NO.16 NO.17 NO.18 NO.19 NO.20 NO.21 NO.22 NO.23 NO.24 NO.25 NO.26 NO.27 NO.28 NO.29 NO.30 NO.31 NO.32 NO.33 NO.34 NO...
  • Jun 19 , 2017

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

    在做產品設計驗證前,通常我們會先試著想像或限縮產品的使用者是哪一種人?有何種樣貌?以設計出符合使用者需求的設計;但很多時候,產品很難指向單一種特定的使用者。 以痞客邦部落格服務的使用者來說,可以基本分為「部落客」與「讀者」兩種類型;不過,部落格可以創作內容涵蓋的範圍非常廣泛且沒有限制,食衣住宿行育樂都有(光是站方規劃的文章類型就有 40 種分類提供部落客選擇),而每種文章類型的「部落客」與「讀者」需求也都會有所不同,筆者最近所參與的研究專案裡就遇到類似問題。   先從提出研究假設開始吧 這個研究專案裡主要研究對象是平時有瀏覽部落格文章習慣的讀者,我們分別找了兩種讀者來進行研究,一種是喜歡閱讀美食文章的讀者,另一種則是愛好看電影影評的讀者。為什麼會選定兩種讀者進行研究呢? 我們提出的假設是:美食的讀者在閱讀行為上,喜好廣泛概略性的瀏覽內容;而電影影評的讀者則偏好深度品嚐文字...
  • 敏捷式設計法 - 商積影音行銷
    Dec 23 , 2016

    敏捷式設計法(Design Sprint Method)

    敏捷式設計法(Design Sprint Method),專屬設計團隊的Agile 你知道敏捷式開發法(Agile)嗎?, 這是在程式設計領域頗具盛名的開發方式,Google也依據相同的原理設計出一套敏捷式設計法(Design Sprint Method)讓設計團隊可以參考進而 發展出更有趣、多產且能適應的變通方法,一起來看看他的運作方法吧! Google 建議的團隊人數約 5~8 人,其中包含設計師、工程師、產品經理或相關領域專家 Sprint Master 就是團隊的Leader,需要對設計流程、UX 方法論、策略、激勵指導團隊技巧與談判有深度的瞭解。他們最大的任務即是: 1)定義設計的任務為何 2)組織團隊 3)帶領團隊跑完整個Sprint。 Sprint Master 還需將任務時程表規劃好,安排一個大桌子 “激勵討論",以及一些實用的小工具,例如:剪刀、紙、膠...

服務支援

refresh captcha
登入