WTT挑战赛：男单再爆冷！世界冠军被剃光头，日本男单溃败

随着用户认知提升，网页网页网页设计也在不断的设计设计向前发展，同时也逐步形成了一些规范，标准比如网页尺寸、细说文字规范、规范图片规范、网页网页春雨直播安装包按钮设计、设计设计表单设计、标准自适应设计与响应设计等。细说接下来小编跟你详细分享网页设计规范，规范以便您在设计之前一定要和前端沟通使用的网页网页尺寸、字体、设计设计交互等，标准这样有助于后期，细说不会有误会。规范

一、网页尺寸

因为网页尺寸与用户屏幕相关，无码高清而用户屏幕的种类难以统计。所以设计稿只能主要顾及主流用户的分辨率，其他分辨率用适配的方式来解决。在最新版 Photoshop 网站 Web 预设尺寸给了一些启示：常见尺寸（1366x768px）、大网页（1920x1080px）、最小尺寸（1024x768px）、Macbook Pro13 （2560x1600px）、MacBook Pro15（2880x1800px）、iMac 27（2560x1440px）等，这些是主流尺寸，如果做网站时建议按主流的分辨率1920x1080px来设计，通常设计网站时的网站宽度为1920px，每个屏幕的高度约为900px。为什么是900px呢？因为1080还要减去浏览器头部和底部高度，大约就是900px了。内容安全区域为1200px （或1000px / 1400px）。国产17c以这个尺寸来设计相对标准。当然在设计网页前需要知会前端设计尺寸，因为对于适配的方式和后续配合他们更有发言权。

二、文字规范

网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。比如在苹果电脑上看到的文字效果和 Windows 系统电脑上看到的文字效果就有所不同：苹果会对文字进行渲染，而 windows 的文字几乎充满了像素颗粒。按照用户占比来说无疑 Windows 的用户是主流，所以尽管使用苹果电脑设计网页，但是设计出来的网页效果也应该和 Windows 显示一致。否则设计完成的设计稿，程序员无法还原成设计的样子。另外，字号的大小也非常重要。网页的糖心vlig显示区域决定了文字不可以过大，在网站设计中文字大小一般来说是12-20像素。为什么不能比12px更小？因为如果比12像素更小的中文无法放得下复杂的笔画了。而且奇数的文字表现和适配都不好做，也就是说我们必须使用偶数的字号来设计。那么总结一下：文字使用宋体、大小为12px、渲染方式选择无。稍大一些的字体使用微软雅黑、大小为14-20px、渲染方式选择 Windows Lcd 或锐利。另外，英文和数字需使用 Arial字体，渲染方式选择无。

网页字体设计规范

三、图片规范

网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、含羞草下载1:1等比例。具体图片大小没有固定要求，但整数和偶数为佳。主要是考虑到一些适配的问题。作为内容出现的图片一定需要有介绍信息和排序信息。图片的格式有很多，比如支持多级透明的 png 格式、图片文件很小的 jpg 格式、支持透明/不透明并且支持动画的 gif 格式等。

四、按钮设计

按钮的风格在过去的十几年发生了很大的变化，由一开始的「斜面与浮雕」风格过渡到后面的「拟物风格」，现在更流行的是扁平风格。如果按钮在一张图片中，为了不影响图片的美观性，会去掉填充只保留边框，这种设计方式叫做幽灵按钮。注意在设计按钮时记得同时设计好按钮的鼠标悬停、按下状态。

五、表单设计

在网站设计中经常需要使用一些输入框、下拉菜单、弹窗、单选框、复选框、编辑器等。这些都是系统级的控件，一般是直接调用系统设计的。但是系统设计有时不能满足我们的要求：系统内置的表单高度不够，点击起来不舒服；不符合网站整体设计的品牌感等。那么可以通过 CSS 给这些表单增加样式，包括颜色、大小、内外边距等。所以遇到涉及到表单的需求时也可以进行自定义设计。

六、自适应与响应式网站

有些网站使用电脑端或者手机端甚至 iPad 去浏览时体验都非常好。这就需要为了用户体验而进行网站的自适应或响应式布局了。响应式与自适应的原理是相似的，都是通过代码检测设备屏幕宽度，根据不同的设备加载不同的 css。

1、自适应网站

自适应网站的设计稿是一致的，但是设计稿需要考虑屏幕变小时的变化方式。比如一个网站的内容有5个区块和4个间距，那么如果宽度缩小成900时需要如何变化，这就是自适应布局。

2、响应式网站

响应式网站则需要设计不同版本的设计稿，然后根据不同的设备提供不同的 CSS 样式。比如判定你设备的宽度是750px，那么网站就知道你使用了手机来访问，就会给你导入一份手机才有的样式；如果是电脑的宽度就给你导入电脑的 CSS 样式。对于设计师来说，自适应需要考虑网站在不同设备宽度下的整除与排版；响应式则需要设计电脑、平板、手机等至少三套设计稿（但这三套设计稿的内容是一致的）。总之，自适应和响应式都是网站为了用户体验所适应浏览设备而做出的努力。

3、适配的规范

手机方面：适配手机页面时，我们一般以 iPhone 为画布标准。原因是 iPhone 相对显示比较清晰，并且要求较高。而且用户占有量也很高。在适配时我们一般以750x1334px尺寸为主，然后将网站导航改变为手机 APP 常常使用的汉堡包+抽屉式导航的形式。同时网站里的按钮也需要变为手机 APP 中我们看到的左右几乎满屏的按钮，并且每个按钮要大于88PX，方便手指的点击。字体方面，我们要把网站的字体全部改为苹方字体，并且字号设置为24PX以上，渲染方式设置成锐利。英文则需要使用 SF-UI 代替。也就是将网站改变成一个类 APP 的手机网页，这样才可以保证手机用户体验良好。如果用户使用安卓手机，那么前端代码则会基于设计稿的设计适度加大图片与间距来适应安卓屏幕。

优化猩SEO：网页设计一定要注重规范，有规范的网页呈现在用户面前会更能体现专业性，同时，网页设计一定要网页的适配性设计，移动端用户的使用用户已经超过了电脑端，绝不能忽视移动端用户体验设计。

参考链接：

https://www.youhuaxing.cn/seojianzhan/17709.html

修改于：2024-08-26

登东安阁，尝人间烟火，观世间百态

　　如果说诗歌是意识与对世界的感受产生的巨大化学反应,那么“登高”便是催化剂。人类的伟大高贵,完全在于精神生活,每一个时代都有人在登高中体验、思索自然与人生的物候。

　　公元764年,杜甫在成都登楼远眺时想到家国多难,不由触目感怀、黯然神伤。一句“锦江春色来天地,玉垒浮云变古今”流传至今。三年后的重阳,当他独自登上夔州城外的白帝楼高台,五十六岁的少陵野老,心境已更加辽阔悠远。他似乎已不再受困于自我意志,对变幻莫测的世事有了自己的准备。“无边落木萧萧下,不尽长江滚滚来”一出,没有无病呻吟,只有气势撼人。

　　比起杜甫独立苍茫,今天我们登高游览,生活实在惬意得多。但有一点是和前人共通的,那就是登临高处后那种无我的境界。登上龙泉驿东安湖山水的至高点——东安阁,眺望湖泽与连绵的山峦的那一刻,或许也凭登高一窥古今茫茫之感。

　　东安阁,由国内一线文旅规划设计品牌——华采堂担纲建筑艺术设计。作为2021年第31届大运会的重要配套建筑、大运会的主会客厅,东安阁,位于湖区制高点,与成都世大会场馆隔湖相望,是城市规划“一楼一阁”的重要组成部分。

　　作为东安阁策划、建筑设计、灯光设计、景观设计、室内设计的唯一设计单位,华采堂在东安阁的设计上独具匠心。据悉,阁楼整体采用唐代风格并融合川西古建筑经典元素,严格遵循古代阁楼的建筑形制,檐牙高啄,气势不凡。建筑构建雕花以成都市花“芙蓉”为图腾,凝练蓉城文化符号;以山川线条,勾勒出四川盆地的锦绣河山,将成都的钟灵毓秀演绎地淋漓尽致。

　　立于东安阁之上,可直击大运会开幕盛况。而夜幕降临时,东安阁又会随着功能的转换,亮起旖旎变幻的灯光,将古蜀今城的文明富强、兴旺发达完美展现。绚丽的灯光为东安湖的夜景增光添彩、震撼心灵的灯光秀盛大开演,将为市民带来繁华璀璨的视觉盛宴。

　　外彰壮美雄浑之高阁、内蕴千年文化之华章,东安阁,包罗着巴蜀千年的人文历史,凝结着未来之城的伟大愿景。

熊梓淇化身“越王勾践剑”酷我音乐《国宝的奇妙之旅》13期首日收听破10万

　　越王勾践卧薪尝胆故事千古流传,与之一起流芳百世的还有一件绝世国宝,就是被誉为“天下第一剑”的春秋越王勾践剑。这把剑是谁锻造,又有何传奇故事?2020年1月7日由中国青年报、酷我音乐、湖北省博物馆联合出品的音频节目《国宝的奇妙之旅》第13期上线,当红青年演员、歌手熊梓淇客串博物馆讲解员,化身越王勾践剑,以第一人称叙述方式揭示了答案,一上线便引来大批酷我音乐网友在线收听,评论秒破999+,当天订阅量即达7600人次,收听量即突破10.2万,迄今收听量已达1972.3万。

　　春秋越王勾践剑,春秋晚期越国青铜器,中国一级文物,1965年湖北省荆州市出土,现收藏于湖北省博物馆。剑长55.7厘米,内铸11道同心圆,剑身布满黑色菱形暗格花纹,正面近格处有表明身份的鸟篆铭文,历经2700多年不生锈,坚韧锋利,体现了当时短兵器制造的最高水平,被誉为“天下第一剑”,是青铜武器中的珍品,对研究越国历史、了解中国古代青铜铸造工艺和文字有重要价值。

　　不仅如此,这把剑还因为铸剑者为欧冶子、主人为越王勾践而充满传奇色彩。熊梓淇的讲述从这把剑的出土说起,再说到剑主人越王勾践,后又连缀起越国最著名的铸剑师欧冶子,用时9分18″的时间,让国宝和欧冶子对话,与勾践神交,将欧冶子铸剑和勾践卧薪尝胆的故事在云淡风轻间娓娓道来,故事生动曲折引人入胜,主题充满励志正能量,难怪网友被这段国宝传奇所打动,称“真的很引人入胜”。

　　1992年出生的青年演员兼歌手熊梓淇嗓音温润独特,讲述更是颇有代入感,以致不少酷我音乐网友被路转粉,争相列队在评论区打call称“好听”,“爱极了你的声音”。还有网友听了之后很有收获,感慨留言“从小对越王 勾践的故事非常感兴趣,今天听熊老师讲课涨姿势了,原来还有这么多故事,必须学习学习再学习。”

　　历尽千百年犹未老,归来人世间正青春。由酷我音乐联台中国青年报及各大博物馆打造的明星有声演绎电台《国宝的奇妙之旅》至今已经举办13期,霍尊、许凯、魏大勋、罗云熙、迪丽热巴、刘宇宁、李艺彤、吴谨言、郑业成、鞠婧祎等当红艺人都已热情参与,预知熊梓淇演绎的“越王勾践剑”有何不老传奇和不同之处,请用酷我音乐搜索《国宝的奇妙之旅》,削铁如泥的“天下第一剑”一定会让你心生向往与自豪。