推薦:10個具有特色的一頁式網頁設計
2015-09-28
一頁式的設計越來越多變化,一頁式網頁的好處在於瀏覽方式單純而直覺,使用者只需用滑鼠不斷向下捲動,就可以從頭到尾欣賞完整個網站的內容像在翻閱雜誌的感覺。因為捲動的情境,很多設計師開始加入了有趣的創意。無論是動畫、場景變換、翻頁等效果,都讓一頁式網站的瀏覽體驗變得更加豐富。一頁式網頁當然也會加入RWD響應式網站的網頁技術,讓使用者可以同時在不同的瀏覽器中悠遊於一頁式網頁。
以下分享10個一頁式的網站:
目錄
- Scrooser | 畫面簡單舒服,用一頁式網頁將產品特色表現出來
- Agnès-b 太陽眼鏡 | 在一頁式網站裡,點擊選單項目即可切換產品
- Shimabalife | 大背景加上ㄧ些線條運用,讓一頁式網頁更顯品牌感
- Thermomug | 首頁ㄧ頁式設計,加上ㄧ些小動畫輔助,讓畫面靈活起來
- PHC | 加上Html5動畫和特效點綴
- Theeddynyc | 在一頁式網頁中加入視差效果,呈現特別的瀏覽體驗
- Dyson360eye | 透過一頁式網頁簡單明瞭介紹產品的技術
- New Jumo Concept | 利用JS動態特效,滾動畫面會慢慢打開燈座以吸引人目光
- Lixpen | 一頁式網頁加入滾動畫面,讓產品(筆)慢慢滑動
- Jetedge | 在一頁式網站中利用大背景呈現畫面,比例配置舒服!
Scrooser | 畫面簡單舒服,用一頁式網頁將產品特色表現出來
Agnès-b 太陽眼鏡 | 在一頁式網站裡,點擊選單項目即可切換產品
Shimabalife | 大背景加上ㄧ些線條運用,讓一頁式網頁更顯品牌感
Thermomug | 首頁ㄧ頁式設計,加上ㄧ些小動畫輔助,讓畫面靈活起來
PHC | 加上Html5動畫和特效點綴
Theeddynyc | 在一頁式網頁中加入視差效果,呈現特別的瀏覽體驗
Dyson360eye | 透過一頁式網頁簡單明瞭介紹產品的技術
New Jumo Concept | 利用JS動態特效,滾動畫面會慢慢打開燈座以吸引人目光
Lixpen | 一頁式網頁加入滾動畫面,讓產品(筆)慢慢滑動
Jetedge | 在一頁式網站中利用大背景呈現畫面,比例配置舒服!
以上的一頁式網站案例提供給大家參考。
* 歡迎分享這篇文章,分享時請務必加入文章來源網址。
想詢問網站設計方面的問題?
做為網頁設計公司的領導品牌,凱士深受B2B外銷公司、上市櫃公司及外商公司推薦,10年來累積超過200個網頁設計作品。
我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。
如果您對網站設計規劃有任何問題,歡迎聯絡凱士,我們將會為您提供最適合的建議。
追蹤文章
想要收到網頁設計領域的相關訊息嗎?
我們會不定時在FB更新上面的網頁設計相關文章,歡迎追蹤凱士臉書專頁