[CSS] 網頁設計教學超入門:網頁排版的方式總集篇

2020-06-13
    Article outline

  table

 

原本table設計用來就是呈現複雜資料的一種html tag,但在早期也常被用來作為網頁的排版,甚至現在精美的email樣式也都仍然是用table來排版。

然而因為其複雜的html結構,還有樣式設定的彈性較低,在重視SEO且行動裝置普及的現在,已經不再適合作為網頁排版的方式。

 

 

  float

 

後來使用div標籤(即division,部分、區塊)已成為網頁排版的主流。只要設定float值就能根據內容大小靠左或靠右,並且讓接續的文字環繞在旁。


2020-04-24

網頁設計範例哪裡找?探索靈感就用Pinterest

    Article outline

我們在設計網站時,往往也有靈感匱乏的情形出現,

除了思考網站本身的品牌定位及風格外,適時的找尋靈感對繁雜的思緒有很大的幫助。

除此之外,與客戶溝通設計風格或介面呈現方式時,找尋一些網頁設計範例更能加快彼此溝通的效率!

 

Pinterest 提供多種主題,當你不知道從何下手時,試著搜尋關鍵字吧!

 

 

畫面想要呈現簡潔風嗎? 配色喜歡的是這張圖的配色嗎? 有了畫面的幫助,讓我們在設計前先瞭解好更明確的需求。

若是想針對某些特定頁面的呈現方式,也可以定義更準確的關鍵字再做搜尋。

往往我們在規劃時,最需要靈感且設計希望能盡可能豐富的About us 頁面,在這邊也能看到很多網頁設計的範例

 

 

不只找靈感,還能幫助你溝通

 

當你在思考網站架構時,或者委託製作網頁時,也更能知道資訊如何呈現更顯得美觀又直覺。畢竟在溝通時,千言萬語都勝不過圖片直接呈現在你眼前!

你不再需要花20分鐘說明 "我想要那種一個區塊一個區塊的, 有團隊介紹的, 但又不要都是字....以下省略100字"

直接到Pinterest 找幾張圖,讓對方一眼就明瞭,省下你寶貴的時間!非常值得一試喔!


2021-11-24

[CSS] 網頁設計教學超入門:網頁排版的方式-flexbox篇

    Article outline

 

主標題


Related information

Other Articles