M.E.studio design ‧ 鳳網頁設計作品

台灣的多媒體動畫製作團隊M.E.studio design ‧ 鳳(文章在此)在過完年之後,整理了這幾年來在網頁設計中的相關作品,要來跟MyDesy的讀者分享。以下是他們近年來的作品,他們特別整理出來跟大家分享。 (繼續閱讀…)...

60多個超炫的視差滾動效果網站設計欣賞(下)

 什麼是視差滾動? 視差滾動(Parallax Scrolling)是指讓通過鼠標實現網頁多層背景以不同的速度移動,從而形成立體的運動效果,帶來非常出色的視覺和交互體驗。作為今年網頁設計的熱點趨勢,越來越多的網站應用了這項技術。這種網站通常通過鼠標滾輪滾動來實現,用超酷的視覺體驗來取代枯燥的頁面滾動,從而“吸引”用戶走向自己的目標。 這裡收集了60個超酷的使用視覺滾動效果的網站,希望能夠給大家一些參考~~如果...

60多個超炫的視差滾動效果網站設計欣賞(上)

什麼是視差滾動? 視差滾動(Parallax Scrolling)是指讓通過鼠標實現網頁多層背景以不同的速度移動,從而形成立體的運動效果,帶來非常出色的視覺和交互體驗。作為今年網頁設計的熱點趨勢,越來越多的網站應用了這項技術。這種網站通常通過鼠標滾輪滾動來實現,用超酷的視覺體驗來取代枯燥的頁面滾動,從而“吸引”用戶走向自己的目標。 這裡收集了60個超酷的使用視覺滾動效果的網站,希望能夠給大家一些參考~~如果你...

為圖片加框:幾種常用的作法與選擇

網頁設計時總是有許多考慮,而不得不為圖片元素加上框線處理,例如考量使用者互動與圖片互動時:像是滑鼠滑上、滑鼠按下時的效果;或是網頁版面設計時,或許是為了保留必須與文字一起排版的彈性、或許是考慮到無法掌握圖片內容、可能會出現網頁相同色彩的圖片,像是商業攝影圖片等,諸如以上種種狀況,都可能考慮到為圖片加上外框設計: (繼續閱讀…)...

網站設計評論#1:IdentyMe

關於IdentyMe IdentyMe是一個數位名片網站,跟about.me是一樣類型與主題的網站,簡單的說就是把你的vcard變成網站,而且只有一頁,讓你把你最重要的資訊都擺放在上頭,你可以寫一些基本介紹然後開始連結各地,舉凡Facebook、Blog、Linkin等等,將一些社群或個人化的連結放置在上頭,這樣可以讓看見你的電子名片的朋友連結各處,更加了解你,比起傳統紙本名片更加直接與實際,如果真要說Id...

互動中國分享: 網頁設計怎樣最美?

本文譯自網站設計公司weavora.com,介紹了在他們眼裡8個Web設計趨勢:單頁面、用照片做背景、色塊設計、超大號的圖片、聚焦簡潔、響應式設計、視差滾動、強調字體,每個趨勢後面都附了數個案例,相信對網站設計師會有一定的參考價值。 來源:TechOrange (轉載請註明來自:DamnDigital ) 像蘋果網站的單頁面 單個長頁面的設計一度不受人待見(無論是客戶還是設計師),但現在整個網絡隨處可...

替網頁打造好用的藍圖

在【完美的像素】規劃你的工作環境 中,我們知道面對不同的工作目標,妥善地準備自己的工作環境是多麼重要的一件事情。尤其是結合各種不同專長領域分工的工作中更是如此。 (繼續閱讀…)...

平面設計和網頁設計的區別

最近剛好在招UI設計師職位,發現很多設計師(特別是剛畢業不久的)都分不清UI設計(甚至是網頁設計)和平面設計的區別,現轉載短文一篇,藉以分析一下同樣作為視覺傳達設計,它們之間的差異性及通性。 1.視覺元素 在色彩方面平面設計與網頁設計使用的色彩模式完全不同,平面設計因為後期的實現依賴於印刷,所以採用CMYK的色彩模式,而網頁根據其顯像方式使用RGB 的色彩模式。平面設計時的色彩運用注重視覺的衝擊力及視覺流...