网页设计metro？网页设计meta标签

网页设计已经成为了人们日常生活中不可或缺的一部分。在众多网页设计风格中，Metro风格以其简洁、优雅、现代的特点受到越来越多设计师的青睐。本文将深入探讨Metro风格的特点及其在网页设计中的应用，以期为广大设计师提供一些启示。

一、Metro风格概述

1. Metro风格的起源

Metro风格起源于微软公司为Windows 8操作系统设计的用户界面。这种风格强调简洁、清晰、直观，旨在为用户提供更好的操作体验。随后，许多设计师将Metro风格应用于网页设计，使其成为了一种流行的设计风格。

2. Metro风格的特点

（1）简洁性：Metro风格强调去除冗余元素，使页面布局简洁明了，便于用户快速获取信息。

（2）现代感：Metro风格采用扁平化设计，色彩搭配和谐，给人一种现代、时尚的感觉。

（3）响应式：Metro风格充分考虑了不同设备屏幕尺寸，使网页在不同设备上都能保持良好的显示效果。

（4）图标化：Metro风格注重使用图标代替文字，使页面更加直观易懂。

二、Metro风格在网页设计中的应用

1. 顶部导航栏

顶部导航栏是网页设计中的关键元素，Metro风格通过简洁的线条和图标，将导航栏设计得更加清晰、直观。例如，在淘宝网首页的顶部导航栏中，使用了简洁的线条和图标，将各个功能模块一目了然地呈现给用户。

2. 响应式布局

随着移动设备的普及，响应式布局成为网页设计的重要趋势。Metro风格通过灵活的布局设计，使网页在不同设备上都能保持良好的显示效果。例如，在腾讯新闻的移动端页面中，采用了Metro风格的响应式布局，使新闻内容在不同设备上都能得到良好的展示。

3. 色彩搭配

色彩搭配是网页设计中的关键环节，Metro风格通过使用简洁的色彩搭配，使页面更具视觉冲击力。例如，在小米官网的设计中，采用了红、黑、白三色搭配，既突出了品牌的特色，又给人一种现代、时尚的感觉。

4. 图标化设计

图标化设计是Metro风格的一大特点，通过使用图标代替文字，使页面更加直观易懂。例如，在京东商城的移动端页面中，使用了大量的图标来展示商品分类，使用户能够快速找到所需商品。

Metro风格以其简洁、优雅、现代的特点，在网页设计中得到了广泛应用。作为设计师，我们应该关注这种风格的特点，并将其巧妙地融入到自己的设计中，为用户提供更好的使用体验。在未来，随着互联网技术的不断发展，相信Metro风格将会在网页设计中发挥更加重要的作用。

Windows 8 Metro风格网页版Messenger是否支持语音和视频聊天

结论：Windows 8 Metro风格的网页版Messenger已经浮出水面，它为宽屏用户提供了优化的体验。据LiveSide曝光的截图，新设计的侧边栏酷似Windows 8的Messaging应用，搜索功能简化，只需输入好友名字即可开始对话。

在新版网页版Messenger中，右上角的头像区域被赋予更多功能，用户可以轻松切换状态，甚至连接到Facebook Chat。收到新消息时，会以类似Windows 8的弹出式通知提醒用户，操作便捷直观。

与现有版本相似，用户可以自由切换聊天窗口，以满足同时连接多个网络的需求。尽管功能目前与传统版本相近，但代码中透露出新版可能即将加入语音和视频聊天功能，有待用户亲自探索。访问account.live.com/WebIM.svc并点击消息图标，你就能提前体验这些新特性。

对于Windows 8的爱好者，这里有一个额外的福利：《50个win8使用技巧大全》，让你深入了解并充分利用这个系统。现在，让我们期待Windows 8 Metro风格的网页版Messenger带来更多创新和便利。

模块化设计是什么

就是把所有元素都整合在规整的网格中。

每一块设计元素都要在网格中设计的恰到好处。

非常便于内容的组织和管理；

适用于响应式框架；

融合卡片和极简风格；

基于网格，能在任何项目平台上使用；

从建筑设计，室内设计到电脑甚至是汽车的设计，本质上都是可以模块化的。

模块化设计的元素可以互换，如可以在不同电脑中使用的小零件，或一个特定类型的汽车电池，也可以用在多款汽车上。在实践中，模块化设计常常使人们想到一种乐高积木式的设计，其中的组件可以拼在一起或彼此分开。

平面设计中的模块通常以网格的方式体现。网格以及封闭性模块可能会影响到你设计时的方方面面。网格可以让你更加方便地排列各个元素的位置及间距，确定文本的对齐方式。

设计师重新拾起了扁平化设计和运用大面积色块设计的模式，windows在metro设计中就使用了模块化的交互界面。

不同的是网页需要考虑屏幕滚动和不同屏幕分辨率的断点。（你可以利用CSS实现，但我们只专注于视觉方面。）

所见即所得。预制板块已经结合在一起，就像制造汽车和电脑的想法一样，使得每一块适用于一个整体框架，你甚至不需要考虑设计的模块化。

模块化网站的网格要比印刷版本的网格更大，可以把屏幕拆解成小块。最简单的方法就是用两栏的格式将屏幕分成一半（中间有间距）。横向分区通常就是屏幕的高度，浏览器滚动条下拉，查看不同板块，这种方式在视差滚动动画中的应用也很流行。

44个超有用的国外免费网页PSD文件下载

今天我们搜集了一些非常棒非常有用实用的PSD文件。对于每个设计师来说，PSD文件是很好的资源。不管你是设计老手还是设计的新手都会需要PSD。老手需要PSD资源来提高工作实效，缩短项目周期。而新手需要从PSD文件中得到设计技巧和帮助。所以搜集高品质的PSD文件对于设计师来说还是非常重要的一件事。下面这些PSD你可以****和参考学习。从中得到更多的设计灵感和创意。

Progress Bars

Timer/Stopwatch PSD Interface

Shopping Widget PSD

Unwrap Menu

Retina-Ready iOS App Icon Templates (PSD)

Drop Down Menu PSD & CSS

iOS Map Icon

Control buttons (PSD)

Music Player Widget

Metal volume knob (PSD)

Message Board / Notice PSD

Blueprint Notice PSD

Dark Music UI Elements PSD

Audio Player Interface PSD & CSS

Notification Centre UI PSD & CSS

Opened Leather Book (PSD)

Stylish Ribbons PSD

Pricing Tables PSD

Score

Highlight Buttons PSD & CSS

Noisy Buttons PSD & CSS

Light UI Controls

14 Sparkle & Light Effects To Embellish Your Designs (PSD)

Upload File Interface PSD (Metro Style)

Business Card Template & Mockup (PSD)

Newsletter Note PSD

20 Popular Social Media Icons (PSD & PNG)

Modern Blue Badges

20×20 Free icons

Software box with disc PSD template

Wooden Shelf Display Mockup (PSD)

Business web buttons PSD template

Transparent Organic Form

45 iOS Tab Bar Icons (PSD & PNG)

Sign In Facebook Button

Vibrant Login Interface CSS & PSD

MiniPlayer

Psd Toggle Switch UI

iPhone 5 Psd Landscape Mockup

Psd Notification UI Box

Valentine’s day shopping bag (PSD)

Files archive box (PSD)

Clock iOS Icon PSD file

Newsletter Signup Form PSD