網頁設計 收合式選單
圖片來源:CNN.com

Problem

當大量資訊必須擠在有限畫面上時,如果這些資訊同時顯示出來時,可能會造成閱讀上的困擾。

Solution

以手風琴般收合的動作,在畫面上隱藏主要內容,當使用者點選標題時,才將內容展開。

Why

收合式選單適用在有大量內容的選單中,可將內容隱藏起來,只留下標題。

How

直式的收合式選單與橫式的收合式選單各有不同的運用方式。

直式的收合式選單:
一次只能打開一個選單。點選其中一個標題選單時,展開其下的區塊內容。區塊內容有可能是次選單、說明文或圖片。

Examples

網頁介面 直式選單收合

直式選單收合 (圖片來源:kksou.com )

 

直式圖文收合

直式圖文收合 (圖片來源:ytcvn.com )

 

網頁設計 橫式圖文收合選單

圖文收合式選單 (圖片來源:vtem.net )

 

網頁設計 圖片收合式選單

圖文收合式選單 (圖片來源:joommasters.com)

 

網頁設計 圖片收合式選單

圖片收合式選單 (圖片來源:cmsjunkie.com)

 

網頁設計 複合式收合選單

複合式收合選單 (圖片來源:pixelpointcreative.com)

 

References

ABOUT

CADIIS凱士網頁設計公司,專為中小企業設計、規劃、建置網站,
提供網站建置前後設計規劃諮詢服務。

整體
規劃
從產業策略洞悉到網頁設計
專精RWD網頁技術及SEO架構
簡約
設計
堅持化繁為簡的設計理念
讓網頁用戶專注您的產品服務
彈性
管理
透過全站式網站管理系統
讓您隨時調整網站架構與內容
維護
諮詢
不論是網站維護諮詢或網站行銷
我們是您長期的網路策略夥伴

REVIEWS

  • 從網站規劃到完成,發現凱士數位細心及專業度都很足夠,如果有下一次機會,我們還是會再給凱士數位施作。

    康普材料, 2017
  • Eric是個非常有經驗的專案經理,了解客戶的需求,並能快速釐清卡關障礙並迅速排除、總是從專業角度分析及建議怎麼做會比較好、和客戶一起腦力激盪,如期如質將網站建置專案完成,並提供相當有用的SEO建議及訣竅。結案後的諮詢及微調修改,凱士的專業團隊也總是非常及時給予支援,維護與管理的服務也同樣令人放心!

    HEF, 2017
  • 作為材料界的國際化公司,誌陽需要的不只是內容完整,還需要情境來提供目標客戶知的權益!正由於這個堅持我們找上了CADIIS幫我們完成這些規劃。在互動的過程中可以看出他們的用心,除了提供以往經驗讓我更容易感受外,對於我們不斷提出高門檻的技術問題也能以最快的時間完成使命,如果你沒法感受我的心情,不妨進到我們網站去感受吧!www.allightec.com 好東西就是要跟好朋友分享。

    誌陽科技, 2017
網頁設計獲獎
台灣廣告主協會與動腦雜誌聯合主辦「台灣50家最佳設計公司」票選活動,CADIIS榮獲入選「傑出多媒體設計公司」。
 

 

有任何網頁設計問題?

跟我們說說您的網站構想,或是目前面臨的網站規劃問題

我們將與您聯絡、共同討論解決方案。

 

網頁設計洽詢