欢迎光临山城SEO,我们是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设SEO优化公司!

咨询热线:17338344097
微信号
新闻中心News
「山城SEO」

上海网站设计:浅谈网页设计规范

作者:admin | 点击: | 来源:admin
2512
2019
上海网站设计:浅谈网页设计规范,网页设计也叫web ui设计,是ui设计行业中重要的一部分,也是我们ui设计师培训中的学习重点之一,而网页设计规范相关的知识,是每一个设计师都要...

上海网站设计:浅谈网页设计规范,网页设计也叫web ui设计,是ui设计行业中重要的一部分,也是我们ui设计师培训中的学习重点之一,而网页设计规范相关的知识,是每一个设计师都要牢记于心的,今天我们就来简单的了解这些规范中的重点。

首先肯定是网页的尺寸以及布局。现在我们的屏幕技术是越来越先进,不仅外观尺寸做的越来越大,里面的分辨率也是越来越高,所以我们在进行布局的时候首先就要考虑到让自己的作品能够尽可能的适应的所有型号的屏幕。而布局的话就比较灵活了,可以分为左右布局,居中布局等等,这些布局一是要考虑到适配,二是要考虑到我们网站的主题,突出网站的重点内容。比如我们看到的各种购物网站,他们的布局都有相似之处,也是犹豫网站类型所决定的。

1. 屏幕分辨率宽度

我们只看 pc 端,根据现在屏幕大小的分布统计。绝大多数屏幕的分辨率已经超过 1366*768,这是个屏幕逐渐变大的趋势,几年前我们还需要考虑在 1024* 768 这个非常普遍的分辨率下的显示效果,现在基本上不需要单独对其做处理了。这个分辨率值只是上限参考,你不可能把页面的实际显示内容区(或者叫安全区)搞到这个值,因为在 windows 等部分浏览器上,滚动条等也要占据宽度,同时过分的贴边在设计上是不被推荐的。理解了这个我们就能清楚的知道一个基准值的参考范围。

2. 栅格与响应式设计

这里需要理解一个概念,通常为了布局方便我们将内容区域划分为12或者24格,并在栅格间增加通用间距来处理绝大多数情况下的垂直排列问题,12或24的好处是能够被2、3、4整除,更方便来处理2:1,1:2:1等常见间距。

在这里提一个比较特殊的网页布局设计,叫做响应式布局设计。这个指的是针对不同的设备、屏幕、分辨率等,能够让各种网站信息在不同环境下表现一致,同时让页面可交互也能正常操作。比如在电脑这种比较宽的设备上我们可以用很宽的条幅来展示比较多的信息,但是对于平板或是手机上这种比较窄的设备上,就把这些变成以竖列的形式进行展示,这就是响应式网站的好处。

碍于网页设计的规范太多了,上海网站设计小编今天只介绍一些简单的,以后会多多给大家讲解的。要知道,只有牢记住各种网页设计规范,我们才能在做作品的时候熟练上手。

我要咨询做网站
成功案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 17338344097
    17338344097
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

咨询送礼现在提交,将获得某某网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线17338344097
合作意向表
您需要的服务
您最关注的地方
预算

直接咨询