一般网站的设计

header

页头的主菜单要分为桌面菜单和移动菜单来设计,可响应式实现。主菜单的右侧放 Sign In 按钮,中间放主菜单导航,不在主菜单顶部放搜索栏,很难看。

当缩小屏幕移动菜单出现时,要将主菜单隐藏,并在左侧出现汉堡菜单,这时可将网站 logo 居中放置。

当你的主菜单项特别少时,才可以将主菜单项放在右侧,然后在左侧靠近 logo 的地方放一个搜索栏。即使放了这个搜索栏,也可在点击时让其弹出一个浮动层,来定制搜索。
比如提供一些常用项搜索。

main

接下来在首页的第一个区域可放置搜索栏。

下面放数据驱动的区块

  1. Latest Products

  2. Featured Products

  3. Latest Posts

  4. Join the Community 邮件列表

footer

sidebar

sidebar 一般出现在次级存档页和详情页,当详情页内容特别长时,可能希望将 sidebar 订住。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇