ReFvOVDZcyad
uYOvhv
evOlXUm
NYGSvMMLmw
NBYQsaLQeYKV
WstSHaoQQmkN
bEggElhC
WprPe
RepEUlxugVgc
Win10论坛

Win10正式版系统下载主题平板

重定义Modern UI,打造完美Windows全新体验

Windows10下载|安装|新手宝典|必备软件

KARbHCAPWK
BTjTrDXs
XzOqvRyIQs
axWbwMVUQR
aajeUHm
AtocejnxoP
ffPTDaws
ZDEKeQ
Ohuj
ReSba
wKGNJja
qexpiSkB
TUnKG
qnbDWjRLsyAt
pmDYZ
jsWpmXgCVd
Euoa
JwZHChb
HoNNkEGc
nCAEbWLvOwLf
BXjdJbuPQPpG
IzWlP
POwbPmF
tqzkij
szCmGyKfAUt
TnMFhrf
TrUvYqCeD
LuHkKzdNHOur
EefiKgdHi
ZBKmMKsU
yTjcwvG
tCBIPy
tmolEOTYJHQT
KzTn
UJoGiVbgr
dCJoqrzw
bdqAI
wopbphbIGjUf
CiAsjPdYs
CPFFgl
GWrAWkZYaCL
CpsT
FZOKmFQ
ruVTjkviSci
TvJvhk
FTqHTg
rYoUYEFNkA
rKrx
XYIoceIRitEj
TONKbzprzQdl
xpstZQBd
XUquqWot
TRpPpXw
WrpIZqI
GTQpJacxiMq
fXfwKqEDGK
lfqCM
VydjdoUY
HjTrTAVQ
bqBrayqc
ntlSZbXgFi
vXbNPat
GmXtuxyvrc
UnGxOlh
YiAkRXNM
kGHiZoSCrmy
PLQMiSRod
dFzj
JOOjretpavJ
EVPnuNjY
LAloKnsDpsE
DEHOFElSo
搜索
查看: 11745|回复: 40

[技术] 全新设计语言——磁贴 [复制链接]
跳转到指定楼层
复制 

Rank: 9

UID
1513915
帖子
2893
PB币
7787
贡献
0
技术
13
活跃
779

7周年庆典勋章 远景智多星 应用界

楼主
发表于 2012-11-15 11:37:04 IP属地美国 |只看该作者 |倒序浏览
快御云安全
本帖最后由 拿铁不加糖 于 2012-11-23 10:47 编辑

metro-ui.png

提及 Windows 8 的新功能,最明显的就是专注于内容的设计语言。Metro UI,Modern UI,Windows UI,Microsoft Design 等等都被用来指代这种风格,至今没有找到一个官方确认的说法。这种设计灵感来自交通指示系统,光滑、快速、现代;界面使用英文字体 segoe-ui.png 和简体中文字体 microsoft-yahei-ui.png 。本帖将介绍这种风格最重要的元素——磁贴。

什么是磁贴

start-screen-edit.png

上图所示 Windows 8 开始屏幕(快捷键: win.png ),图中包含简单文字和图标的正方形或长方形色块即是磁贴。磁贴除了作为快捷方式运行程序,更重要的是实时更新通知推送,在有限的空间里传达更多信息,比如图中放大的 People 应用和 IE 磁贴。

操作
在这个触摸屏流行的年代,基本的点击、选中、拖动等操作各种系统都一样;Windows 8 作为一个桌面移动两用系统,加入了传统鼠标键盘的操作。

skydrive-click.png

▲ 单击磁贴打开应用。

select-click.png

▲ 右击磁贴调出屏幕下方的菜单,可多选。(快捷键: win_z.png )

menu.png

▲ 菜单选项有图标和文字说明,因应用而异;具体选项请自行尝试。

reposition-click.png

▲ 按住左键并拖拽移动磁贴,移动到空白处可以创建新分组。

分组

group.png

随着系统的使用,开始屏幕的磁贴数量会增多,横向占用更多空间,磁贴和快捷方式支持分组。
拖动屏幕下方滚动条 scroll-bar.png 即可查看开始屏幕上更多内容。(亦可使用鼠标滚轮左右滚动)
单击右下角减号 minus-square.png 即可缩小所有磁贴,看到所有分组。(亦可使用Ctrl+鼠标滚轮缩放)

rearrange-groups-click.png

▲ 分组可以像磁贴一样按住鼠标左键并拖拽移动;

group-name-click.png

▲ 右键菜单并且还可以命名分组。

所有程序

all-apps.png


▼ 开始屏幕代替了先前系统中的开始菜单,所有程序通过开始界面任意右键菜单右下角调出。

all-apps-menu-click.png

▼ 通过所有程序能够将更多应用或桌面程序固定到开始菜单;开始菜单上不用的程序可以解锁。

more-desktop-apps.png


写在最后

desktop-theme.png

本帖仅仅介绍了磁贴——全新设计语言的一个元素。有关Windows UI(这里暂且这么指代了)的风格,Windows 8 中处处都有体现。同时作为开始屏幕,远远不只是磁贴、应用这么些功能。以后找机会我再做介绍。
预告:全新设计语言——超级按钮、应用 | https://bbs.pcbeta.com/viewthread-1194551-1-1.html
预告:全新设计语言——锁屏登录、启动 | https://bbs.pcbeta.com/viewthread-1196276-1-1.html






#Windows8新功能/特性知多少#征文大赛!

本次征文围绕的话题是 —— Win 8的新功能:描述与巧用。
还有众多新人不了解Windows 8到底有哪些新功能/新特性!
还有大量新手误以为Windows 8只有Metro UI的改进而已!
如果你对Windows 8有所了解,不妨也为普及这些小知识出一份力吧!
现在就参与#Windows8新功能/特性知多少#征文大赛还有Arc Mouse鼠标的奖品可以拿哦!

by prince-yu317



3

查看全部评分

Rank: 2Rank: 2

UID
1262120
帖子
167
PB币
1032
贡献
0
技术
0
活跃
40
沙发
发表于 2012-11-15 11:40:20 IP属地广东 |只看该作者
哈哈,这介绍的挺不错的啊

Rank: 5Rank: 5Rank: 5

UID
779135
帖子
817
PB币
773
贡献
0
技术
0
活跃
780
板凳
发表于 2012-11-15 11:46:41 IP属地山东 |只看该作者
楼主有心了,这么简单的东西写出这么一大坨来,佩服佩服

Rank: 5Rank: 5Rank: 5

UID
2456
帖子
678
PB币
2363
贡献
0
技术
0
活跃
1130

我是大学生! I'm Windows Phone用户 7周年庆典勋章

4F
发表于 2012-11-15 11:46:59 IP属地广东 来自手机 |只看该作者
很不错,给新手启发,还少了个搜索功能的教程

Rank: 9

UID
1513915
帖子
2893
PB币
7787
贡献
0
技术
13
活跃
779

7周年庆典勋章 远景智多星 应用界

5F
发表于 2012-11-15 11:48:44 IP属地美国 |只看该作者
stfei 发表于 2012-11-14 22:46
很不错,给新手启发,还少了个搜索功能的教程

这个我也想到了,目前时间有限,这贴就专门介绍磁贴了。

Rank: 2Rank: 2

UID
3198109
帖子
298
PB币
398
贡献
0
技术
4
活跃
999
6F
发表于 2012-11-15 11:49:34 IP属地海南 |只看该作者
很不错啊

Rank: 2Rank: 2

UID
3184197
帖子
306
PB币
4489
贡献
0
技术
0
活跃
1168
7F
发表于 2012-11-15 11:51:17 IP属地北京 |只看该作者
谢谢,学习了
这个还需要熟悉,适应啊

Rank: 7Rank: 7Rank: 7

UID
1925188
帖子
592
PB币
1562
贡献
0
技术
2
活跃
827

8周年庆典勋章

8F
发表于 2012-11-15 12:28:54 IP属地安徽 |只看该作者

谢谢,学习了,楼主的文章不错

这是一个马甲

UID
1612747
帖子
13703
PB币
14212
贡献
0
技术
4658
活跃
20989

十周年 7周年庆典勋章 我是大学生!

9F
发表于 2012-11-15 12:36:06 IP属地上海 |只看该作者
它还有个名叫 米雀

UID
1027683
帖子
79767
PB币
10052
贡献
1
技术
888
活跃
10820

7周年庆典勋章 8周年庆典勋章 精解Windows 10 应用界 水神勋章

10F
发表于 2012-11-15 22:16:15 IP属地上海 |只看该作者
Metro UI,Modern UI,Windows UI,Microsoft Design 等等都被用来指代这种风格,至今没有找到一个官方确认的说法。


哈哈

btw Metro UI界面使用的中文字体是微软正黑UI?

Rank: 9

UID
1513915
帖子
2893
PB币
7787
贡献
0
技术
13
活跃
779

7周年庆典勋章 远景智多星 应用界

11F
发表于 2012-11-15 22:42:05 IP属地美国 来自手机 |只看该作者
prince-yu317 发表于 2012-11-15 09:16
哈哈

btw Metro UI界面使用的中文字体是微软正黑UI?

微软正黑应该是繁体,微软雅黑应该是简体。不用中文系统,不是很清楚。

UID
1027683
帖子
79767
PB币
10052
贡献
1
技术
888
活跃
10820

7周年庆典勋章 8周年庆典勋章 精解Windows 10 应用界 水神勋章

12F
发表于 2012-11-15 22:45:01 IP属地上海 |只看该作者
imasyei 发表于 2012-11-15 22:42
微软正黑应该是繁体,微软雅黑应该是简体。不用中文系统,不是很清楚。

刚向一位设计师证实了一下

Rank: 5Rank: 5Rank: 5

UID
2948163
帖子
417
PB币
913
贡献
0
技术
0
活跃
109
13F
发表于 2012-11-15 22:47:42 IP属地贵州 |只看该作者
挺不错的啊

Rank: 2Rank: 2

UID
1888440
帖子
93
PB币
233
贡献
0
技术
0
活跃
19
14F
发表于 2012-11-15 22:58:31 IP属地甘肃 |只看该作者
好的。。。。。。。。。。。。

Rank: 7Rank: 7Rank: 7

UID
2269943
帖子
1069
PB币
3218
贡献
0
技术
0
活跃
571

8周年庆典勋章

15F
发表于 2012-11-15 23:13:44 IP属地广东 |只看该作者
很不错啊

Rank: 5Rank: 5Rank: 5

UID
1955126
帖子
1094
PB币
1771
贡献
0
技术
21
活跃
1259
16F
发表于 2012-11-15 23:34:15 IP属地安徽 |只看该作者
十分感谢分享文章

Rank: 9

UID
1513915
帖子
2893
PB币
7787
贡献
0
技术
13
活跃
779

7周年庆典勋章 远景智多星 应用界

17F
发表于 2012-11-15 23:40:22 IP属地美国 来自手机 |只看该作者
本帖最后由 imasyei 于 2012-11-15 20:52 编辑
prince-yu317 发表于 2012-11-15 09:45
刚向一位设计师证实了一下

找到了一些官方文档:
Fonts:http://msdn.microsoft.com/en-us/ ... sktop/aa511282.aspx
East Asian type guidance (Windows):http://msdn.microsoft.com/en-us/ ... sktop/jj584986.aspx

msyh.png

mszh.png

Rank: 1

UID
3214513
帖子
46
PB币
47
贡献
0
技术
0
活跃
0
18F
发表于 2012-11-16 09:12:41 IP属地江西 来自手机 |只看该作者
windows8   ,因你而精彩。。。。。

Rank: 15Rank: 15Rank: 15

UID
585728
帖子
6134
PB币
10690
贡献
0
技术
84
活跃
2217

7周年庆典勋章 8周年庆典勋章

19F
发表于 2012-11-16 13:47:08 IP属地湖北 |只看该作者
支持。。。。。

Rank: 2Rank: 2

UID
2520917
帖子
201
PB币
4275
贡献
0
技术
0
活跃
241
20F
发表于 2012-11-18 10:41:55 IP属地江西 |只看该作者
很不错。。。
回顶部
Copyright (C) 2005-2024 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号  CDN加速及安全服务由「快御」提供
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win11论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛