漂亮的單頁麵網站設計:65個新例子
2017.04.12
網頁設計其實也是關於美的一種範圍,隻是它包含了技術層麵的內容,使得專業美工人員的跨入會較為困難。
繼上次分享了關於簡約設計風格的概念及原理,還有一些網站的範例之後。
本次要再來分享關於Daniel Adams撰寫的單頁麵的網站設計例子。
單頁麵網站設計的特點就在於整個網站中隻有一個頁麵而已,透過javascript與CSS的搭配,使得整個網站的動線都在此頁中展示,乍看之下會覺得有點類似Flash的效果,例如下麵的範例02-Eric Johansson的個人網站。
不(bu)過(guo)也(ye)礙(ai)於(yu)整(zheng)個(ge)網(wang)站(zhan)隻(zhi)有(you)單(dan)一(yi)頁(ye)麵(mian),因(yin)此(ci)能(neng)提(ti)供(gong)的(de)資(zi)訊(xun)受(shou)到(dao)某(mou)種(zhong)程(cheng)度(du)的(de)限(xian)製(zhi),所(suo)以(yi)大(da)多(duo)在(zai)個(ge)人(ren)網(wang)站(zhan)或(huo)小(xiao)型(xing)團(tuan)體(ti)中(zhong)使(shi)用(yong),在(zai)大(da)型(xing)商(shang)業(ye)網(wang)站(zhan)中(zhong)是(shi)較(jiao)為(wei)不(bu)適(shi)合(he)的(de)。
為什麼會介紹關於單頁麵網站的設計呢?
因yin為wei從cong下xia麵mian大da量liang的de例li子zi中zhong可ke以yi發fa現xian,其qi實shi大da部bu分fen的de單dan頁ye麵mian網wang站zhan,在zai排pai版ban與yu內nei容rong的de搭da配pei上shang是shi遵zun循xun的de簡jian約yue設she計ji風feng格ge的de概gai念nian,所suo謂wei打da鐵tie趁chen熱re,所suo以yi關guan於yu設she計ji風feng格ge的de第di二er篇pian文wen章zhang就jiu是shi以yi此ci為wei主zhu題ti。
正如你以前看過的那些張貼關於單頁麵的網站設計內容,充分的表達現在你的工作如果是單頁麵網頁設計的話,會是個火熱的趨勢。
看設計師能利用單頁麵做些什麼是一種諷刺(樂趣),因為現代的設計師喜歡去嚐試一些新的做法去觀察人們如何與他們的作品互動。
盡(jin)管(guan)這(zhe)可(ke)能(neng)不(bu)是(shi)一(yi)個(ge)可(ke)以(yi)追(zhui)隨(sui)的(de)共(gong)同(tong)趨(qu)勢(shi),但(dan)是(shi)仍(reng)算(suan)是(shi)一(yi)種(zhong)新(xin)的(de)風(feng)格(ge),並(bing)且(qie)越(yue)來(lai)越(yue)多(duo)的(de)設(she)計(ji)師(shi)注(zhu)意(yi)到(dao)他(ta)們(men)並(bing)且(qie)在(zai)自(zi)己(ji)的(de)作(zuo)品(pin)中(zhong)使(shi)用(yong)。這(zhe)樣(yang)的(de)趨(qu)勢(shi)逐(zhu)漸(jian)展(zhan)現(xian)。
在這篇介紹中,你會發現各式各樣的高度創意與美麗,
最重要的是鼓舞人心的設計,都是按照相同的單頁麵設計趨勢。
而本文最主要目的是刺激你的創造性,激發您的想像力,創造自己的設計趨勢。
因為您的網站代表的是你和你的品牌。
美麗與鼓舞人心的單頁網站設計
縱zong觀guan曆li史shi,偉wei大da的de藝yi術shu家jia總zong是shi能neng發fa現xian新xin的de方fang法fa來lai展zhan示shi他ta們men的de創chuang意yi來lai表biao達da自zi己ji,並bing且qie創chuang造zao新xin的de趨qu勢shi和he技ji巧qiao去qu談tan論lun他ta們men的de作zuo品pin去qu區qu隔ge其qi餘yu人ren群qun。
在現代的條款中設計的定義更重要的,因為現在設計是一種雙向交流。
更具體的,網頁設計對內容來說是一個好的定義平台。
在設計中並沒有「好」與「壞」的區別。它總應該是定義為「不同」。
01. Ffive

02. Eric Johansson

03. Envato

04. 2udoku

05. Tqinteractive

06. Incadeo

07. Mirtcheva

08. Kjhconsulting

09. Webdots

10. Thomasfals

11. Moziweb

12. Chantyce

13. Karlastoeve

14. Seankeenan

15. Delarocque

16. Ilovesesame

17. Frontenddesignconference

18. Eversonjp

19. Rocktheforest

20. Ligatsa

21. Andrewgreig

22. Alexedwardfish

23. Antemeridiemdesign

24. Thepixelmovingsociety

25. Mogulista

26. Draftmedia

27. Foxie

28. Patrickwmuller

29. Dwportfolio

30. Siebennull

繼上次分享了關於簡約設計風格的概念及原理,還有一些網站的範例之後。
本次要再來分享關於Daniel Adams撰寫的單頁麵的網站設計例子。
單頁麵網站設計的特點就在於整個網站中隻有一個頁麵而已,透過javascript與CSS的搭配,使得整個網站的動線都在此頁中展示,乍看之下會覺得有點類似Flash的效果,例如下麵的範例02-Eric Johansson的個人網站。
不(bu)過(guo)也(ye)礙(ai)於(yu)整(zheng)個(ge)網(wang)站(zhan)隻(zhi)有(you)單(dan)一(yi)頁(ye)麵(mian),因(yin)此(ci)能(neng)提(ti)供(gong)的(de)資(zi)訊(xun)受(shou)到(dao)某(mou)種(zhong)程(cheng)度(du)的(de)限(xian)製(zhi),所(suo)以(yi)大(da)多(duo)在(zai)個(ge)人(ren)網(wang)站(zhan)或(huo)小(xiao)型(xing)團(tuan)體(ti)中(zhong)使(shi)用(yong),在(zai)大(da)型(xing)商(shang)業(ye)網(wang)站(zhan)中(zhong)是(shi)較(jiao)為(wei)不(bu)適(shi)合(he)的(de)。
為什麼會介紹關於單頁麵網站的設計呢?
因yin為wei從cong下xia麵mian大da量liang的de例li子zi中zhong可ke以yi發fa現xian,其qi實shi大da部bu分fen的de單dan頁ye麵mian網wang站zhan,在zai排pai版ban與yu內nei容rong的de搭da配pei上shang是shi遵zun循xun的de簡jian約yue設she計ji風feng格ge的de概gai念nian,所suo謂wei打da鐵tie趁chen熱re,所suo以yi關guan於yu設she計ji風feng格ge的de第di二er篇pian文wen章zhang就jiu是shi以yi此ci為wei主zhu題ti。
正如你以前看過的那些張貼關於單頁麵的網站設計內容,充分的表達現在你的工作如果是單頁麵網頁設計的話,會是個火熱的趨勢。
看設計師能利用單頁麵做些什麼是一種諷刺(樂趣),因為現代的設計師喜歡去嚐試一些新的做法去觀察人們如何與他們的作品互動。
盡(jin)管(guan)這(zhe)可(ke)能(neng)不(bu)是(shi)一(yi)個(ge)可(ke)以(yi)追(zhui)隨(sui)的(de)共(gong)同(tong)趨(qu)勢(shi),但(dan)是(shi)仍(reng)算(suan)是(shi)一(yi)種(zhong)新(xin)的(de)風(feng)格(ge),並(bing)且(qie)越(yue)來(lai)越(yue)多(duo)的(de)設(she)計(ji)師(shi)注(zhu)意(yi)到(dao)他(ta)們(men)並(bing)且(qie)在(zai)自(zi)己(ji)的(de)作(zuo)品(pin)中(zhong)使(shi)用(yong)。這(zhe)樣(yang)的(de)趨(qu)勢(shi)逐(zhu)漸(jian)展(zhan)現(xian)。
在這篇介紹中,你會發現各式各樣的高度創意與美麗,
最重要的是鼓舞人心的設計,都是按照相同的單頁麵設計趨勢。
而本文最主要目的是刺激你的創造性,激發您的想像力,創造自己的設計趨勢。
因為您的網站代表的是你和你的品牌。
美麗與鼓舞人心的單頁網站設計
縱zong觀guan曆li史shi,偉wei大da的de藝yi術shu家jia總zong是shi能neng發fa現xian新xin的de方fang法fa來lai展zhan示shi他ta們men的de創chuang意yi來lai表biao達da自zi己ji,並bing且qie創chuang造zao新xin的de趨qu勢shi和he技ji巧qiao去qu談tan論lun他ta們men的de作zuo品pin去qu區qu隔ge其qi餘yu人ren群qun。
在現代的條款中設計的定義更重要的,因為現在設計是一種雙向交流。
更具體的,網頁設計對內容來說是一個好的定義平台。
在設計中並沒有「好」與「壞」的區別。它總應該是定義為「不同」。
01. Ffive

02. Eric Johansson

03. Envato

04. 2udoku

05. Tqinteractive

06. Incadeo

07. Mirtcheva

08. Kjhconsulting

09. Webdots

10. Thomasfals

11. Moziweb

12. Chantyce

13. Karlastoeve

14. Seankeenan

15. Delarocque

16. Ilovesesame

17. Frontenddesignconference

18. Eversonjp

19. Rocktheforest

20. Ligatsa

21. Andrewgreig

22. Alexedwardfish

23. Antemeridiemdesign

24. Thepixelmovingsociety

25. Mogulista

26. Draftmedia

27. Foxie

28. Patrickwmuller

29. Dwportfolio

30. Siebennull













