400-616-8360      
领先行业动态

Leading industry dynamic

动态 > 联合新闻(行业动态) > 案例详情
北京网页设计有哪些规范
文章来源:北京网页设计 发布时间:2018-04-03 14:36:10

在上期文章中北京网页设计分享了网站图片处理的一些心得,今天我们继续来聊一聊网页设计中的一些小知识.网页设计技术在最近10余年的发展过程中,已经出现了很多革命性的变化,如“Web标准”的提出到被普遍接受,HTML5逐渐被浏览器支持并在移动开发中广泛应用。那在网页设计中,我们需要了解到哪些规范呢?北京网页设计来分享:

一. 栅格系统

简单来说,网页的栅格系统是以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。它是从平面栅格系统中发展而来。对于网页设计(PC端)来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。另外补充一点,在移动端的布局中.栅格系统同样适用,只不过移动端需要按不同的系统区分,市场上主要以iOS与安卓系统为主。

二.网页尺寸

在国内一般情况下,网页宽度为1920像素,高度根据实际需求而定,当然如果为了适应更多的4K、8K显示器用户可以把宽度设置得更加宽,要注意一点的是,无论页面宽度有多宽,网页主视觉的最佳可视范围宽度一般设置为1000-1200像素,虽然设置较为保守,但是这样可以保证大部分用户在较为舒适的情况下浏览网页。

三.主流浏览器

为了使用户有更佳的交互体验,北京网页设计公司提示网页设计师需要与前端工程师在多个主流浏览器中测试最终的页面效果。目前国内最常用的浏览器有以下几个:

Mozilla Firefox:中文俗称“火狐”(正式缩写为Fx或fx,非正式缩写为FF),是一个自由及开放源代码网页浏览器,使用Gecko排版引擎,支持多种操作系统,如Windows、Mac OS X及GNU/Linux等。

Google Chrome:由Google公司开发的网页浏览器。

IE:英文全称Internet Explorer,是微软公司推出的一款网页浏览器。

Opera:挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。

Safari:苹果计算机的操作系统Mac OS X中的浏览器,使用了KDE的KHTML作为浏览器的运算核心。

四.版式

版式是所有设计中最基础的部分之一,关于排版,小编有一个“方块理论”想跟大家分享的。大家想象一下,试着把作品最外面的平面想象成为一个最大的方块,然后主视觉和辅助图形分别由多个大大小小的方块组成,最后组合成为一幅作品。我把这个方法论称为“方块理论”。“方块理论”是小编当时作为公司合伙人创造并应用到实战中的一个方法论.

五.字体

北京网页设计公司认为作为设计师,其实我们并不需要使用太多的字体,更不要使用太过于标新立异的字体。在使用字体时,设计师需要有自己的一套系统规范,另外在网页上使用的字体,我建议使用偶数值例如10、12、14、18等,因为偶数值比奇数值字体,在网页上显示得更加清晰,而且奇数值字体的文本段落无法对齐。

六. 标注与切图

标注,更多情况下会使用在UI设计中,后续的相关文章会谈及。

切图,是指将设计稿切成便于制作成页面的图片,并完成HTML+CSS布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。

七.色彩

以品牌为导向,数据为驱动。

八.细节

我们经常说细节决定成败,在讲求交互的网页设计中,北京网页设计认为作为设计师应该注意以下几点交互常识。

用户习惯:大部分用户都有固化思维,我们作为设计师应该尊重数据,尊重用户选择。

简化操作:能一步完成的交互就不要分两步。

快速响应:加快用户读取的响应速度,能够避免从远程取数据的,就尽量避免。

减少干扰:减少界面元素的不确定因素,方便用户快速找到自己想要的。

界面友好:除了根据需求提供视觉解决方案以外,在设计的过程中适当地加入一些小细节使交互界面更加友好是设计师的职责所在。

北京网页设计有哪些规范,联合易网分享以上8点,希望能给朋友们一些帮助.关注北京网页设计,关注联合易网.

分享到:

关于联合易网

联合易网网络技术开发有限公司,是北京领先的、专业提供"互联网应用服务"供应商,公司拥有具备10年以上互联网从业经验的精英团队,核心业务有:北京高端网站建设,北京网站设计,北京网站制作,北京网站建设,app开发,网站代运营等 公司始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务!

立即咨询