Knowledge / 知識觀點
五組優秀單頁式設計作品集網站
網路已經成為一間公司或是個人品牌的宣傳利器了,若網頁做得好看且吸引人,一定有大大加分的效果!我們發現最近許多強調理念與創意的公司都會採用「單頁式」的網頁概念設計。
那基於什麼樣類型的公司、品牌適合使用「單頁式」網頁設計呢?這裡為大家挑選並並分析,五組設計領域的公司與個人工作室網站。
為什麼要選擇單頁式的網頁呈現呢?
1.因應瀏覽網路資訊的慣性動作「滑動頁面」與快速閱讀的行為
單頁式網頁設計的使用行為很簡單,只要往下滑就可以看完全部的東西,加上現今多數人在瀏覽網頁的時候,已經有這個「不停往下滑,快速閱讀的慣性動作」。這種反射性行為,讓人不用花太多時間去觀察該網站的使用模式,非常「簡潔、清楚易懂」。接下來許多特點都與這樣的使用行為有關。
2.精密的視覺設計安排能與客戶做更準確的溝通
公司的核心文化與理念往往是會吸引人選擇該公司的重要一環。個人網站亦是如此。所以如何在網頁上用文字、圖片來告訴別人「這就是我們公司(或我的特色)」就變得很重要。如果善用單頁式網頁「一路往下滑」的特點,你能透過順序、畫面與特效的安排,來讓別人更了解公司的核心理念與特色。
案例欣賞-Adam
這是個人設計作品集網站,設計師透過畫面與內容順序的安排,再加上簡單容易閱讀的視覺符號和設計編排,來讓閱讀者可以一步一步認識這位設計師。
3.跳出率低
同樣與滑動的慣性動作有關連。因為這樣的使用模式,所以若是畫面與內容不算太糟,通常閱讀者的跳出率較低,還會常常一不注意就全部看完了!
4.將資訊有計劃排版在頁面中,使讀者更容易吸收
有時候一次提供太多文字,會讓讀者容易失去閱讀興趣與耐心,所以用少量文字搭配圖像,並搭配第一點所說的順序安排,更能讓讀者完整看完你所要說的話。
案例欣賞-Applove
採用扁平式風格設計,雖然特效不多,但是搭配色彩鮮明的色塊,整體大方、清楚明瞭。
5.透過動態效果的搭配,讓畫面不單調
單頁式網頁的畫面因為已經不用切換頁面,所以有時候感覺會比較靜態(像是上一個案例),但是如果技術上可以做到的話,依舊可以搭配一些滑動特效,讓畫面不致於太過平靜,增加動態視覺與互動性也是很好的效果。
案例欣賞-Wildbluetech
單頁式網頁還能應用在哪些地方?
除了設計領域外,商用的短期活動圈船頁面、產品促銷折扣、廣告等,也很適合。
不適合用在購物、有大量資訊類型的網站。
文章摘自:http://www.mydesy.com/5-design-web-inspiration
- 網站設計
- 2014 網站設計的趨勢 五組優秀單頁式設計作品集網站 網站設計趨勢 12個單頁式網站設計 網站設計新趨勢:更少文字,更多的富媒體 視差滾動效果網站設計欣賞 何謂網站設計? 如何讓你的網站,看起來時尚又現代? 網站,如何越簡單越好? 建立網站應該不難吧!如果你患有這4個迷思,請先放下手邊工作… 2016年TOP10企業網站設計趨勢: RWD響應式網頁、一頁式網頁、全幅背景… 網頁佈局大解放!2017年10大網頁設計趨勢 2019年網頁設計趨勢前瞻,先睹為快! 知名設計師展望 2019 年:UI、UX 設計將會出現十大趨勢
- 數據分析
- 三大數據分析,電子商務網站經營者一定得知道! 電子商務產品經理應該要了解的六大數據力 未來的電子商務決戰點~以內容經營品牌社群 傳統零售業轉型電子商務,如何制定策略、順利淘金? 掘金「她經濟」!四個值得關注的電子商務趨勢 電子商務經營,你不可不知的3M市場 行動商務這樣做!
- SEO搜尋引擎
- 傳產老闆看過來,企業數位轉型從SEO開始 你的網站夠「友善」嗎?——從數據掌握指尖下的商機 結合SEO與內容行銷策略,擴大受眾族群成長動能源源不絕 SEO文章4點關鍵技巧,輕鬆寫出SEO友善文章 還在談電子商務嗎?品牌電商才是未來的王道 還在想怎麼做Google的SEO?語音搜尋時代行銷人該掌握的3個關鍵 網站改版,不可輕忽的10個SEO優化項目
- 雲端系統
- MES系統
- MES(Manufacturing Execution System)製造執行系統基本觀念 MES的功能介紹與應用 MES系統軟體定製專案的執行方法 提高產品質量的10種MES製造執行系統方法 成功的MES應用案例需要做好哪些項目前期工作? MES與ERP集成,你必須知道這些! 中小企業實施MES系統需要注意哪些問題? 智能工廠MES系統功能需求分析
- RWD響應式網頁設計
- 關於響應式網頁設計(RWD) 什麼是響應式網頁設計(Responsive Web Design) 適應性網頁設計簡介 RESPONSIVE WEB DESIGN 簡單介紹 Responsive Web Design優缺點 回應式網頁設計帶來的行動優勢 響應式網站設計概念 RWD網站設計概念 RWD網站設計和行動版比較 回應式網頁設計 RWD RWD與獨立行動版網站的探討 自適應網頁設計 RWD 因應RWD新時代的網頁設計流程
- 購物商城 / 電子商務
- 我想要做『購物網站』 國外網站推薦的25個購物商城設計 行動商務時代,行銷人該掌握的三個問題 手機是電商購物的未來,但暫時還離不開PC 網站購物車總是被遺棄?這裡告訴你原因 4招翻轉商品網頁設計,引導消費者下單、結帳一氣呵成 行動網路市場獲利驚人,四年後可望達7000億美元 淺談行動商務 行動購物商機 57%消費者用過行動裝置購物
- RWD響應式購物
- 新一代多螢幕電商解決方案:響應式設計(RWD) 響應式電子商務網站設計的10大範例 為什麼響應式網頁設計可以幫助人們購買你的產品? 為什麼響應式網頁設計是電子商務網站的最佳選擇? 為什麼您的網站需要響應式網頁設計? 好的網站設計帶業績上天堂,5個電商網站設計的注意事項 零售電商的進步,從優化手機瀏覽畫面、圖片格式、大小開始
- ERP系統
- 何謂ERP系統? ERP系統概念 ERP系統走向營運決策-1 ERP系統走向營運決策-2 ERP系統走向營運決策-3 ERP系統走向營運決策-4 ERP系統走向營運決策-5 ERP系統走向營運決策-6 ERP系統走向營運決策-7 ERP系統走向營運決策-8 ERP系統走向營運決策-9 ERP系統走向營運決策-10 ERP系統走向營運決策-11
- APP手機行動網頁
- 系統整合
- 運輸業系統
- 線上學習
- 數位學習(E-Learning) E-Learning 2.0 線上學習燃起.com新希望(上) 線上學習燃起.com新希望(下) 歐洲線上學習市場 前十大業者囊括46% 臺灣數位學習市場 嗅到成長商機(上) 臺灣數位學習市場 嗅到成長商機(中) 臺灣數位學習市場 嗅到成長商機(下)
- 加盟連鎖管理系統
- 其他