
专注用户体验设计与开发
商务合作
- 邮箱:2528823962@qq.com
- 手机:180 6652 8545
- 座机: 029-8619-5145
- 地址:陕西省西安市未央元朔路明丰伯马都A座10820室
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号
网站制作的细节始终伴随着整个网站制作开发全过程,其实真正做过网站的技术或者人员都知道,网站不仅仅是做的像就完事了,更多的是将整个网站制作过程中的一些细节的把控如何进行规范化,专业化,这一点是考虑网站制作公司的整体技术实力和网站设计制作的严格程度了,其实做网站是一个细心的工作,有的技术在制作网站的时候,表面看起来,像个网站,等你真正意义上仔细一看,一些细节把控不到位,并且严重影响到了整个网站的效果的最大限度的发挥了,这是非常严重的一件事情,一般网站制作公司都是设有网站UI设计师,这个岗位就是在网站制作前期进行细节性的规范和专业化的体现的,然而到了网站制作前端手中,网站上制作的一些东西都变化了,没有严格的按照网站设计的形势来体现,这一点是要不得了,也是将网页设计师的设计效果通过网站制作前端技术没有得到百分百的体现和还原,那么做诶网站制作的时候,除过严格意义上的还原网页设计时的设计效果之外,还应该去把控哪些细节性的东西呢?
网页的布局主要有两种:左右型布局和居中型布局。布局的不一致,使可设计的空间也不相同。 左右结构型 1、左右布局,灵活性强,UI的限制小; 2、左边通栏为导航栏,宽度没有具体的限时,可以根据实际情况进行调整; 3、右侧为内容板块范围,是网站内容展示区域。 居中型 4、居中布局,中间的黄色部分为有效的显示区域,用于网站内容的展示。 5、换句话说,两边均为留白,没有实际用途,只是为了适配而存在。 6、内容限时区域在好控制在1000px-1200px。 网页常用字体 现在网页的布局我们已经了解了,那么接下来就是网页中常用到的字体。 字体设计的总原则是:可辨识性和易读性。 中文建议使用微软雅黑字体,英文则建议使用arial 字体。
一. 常用的字体大小号有以下几种: 1、12px是用于网页的最小字体,适用于突出性的日期,版权等注释性内容。 2、14px则适用于非突出性的普通正文内容。 3、16px或18px适用于突出性的标题内容。 4、网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要有限适用偶数字号。 5、字体规格也不需要太多,最好适用三种混搭。如果需要更多 6、层次的区别,可以改变字体颜色或加粗来体现。 网页设计WEB端设计规范总结 一.尺寸规范 在网页设计中首先要解决的是网页布局大小及尺寸的问题,在ps新建文档中可以见到当今常见web网页尺寸,最常见尺寸为1366*768像素。
二. 网页的宽度尺寸 为了适应屏幕的显示,页面宽度设制要有一定的范围值,其实在设计及设计学中也没有相关硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。
三. 主流浏览器 国际通用的有 chrome,IE,firefox,safari,opera 国内的知名浏览器有 百度浏览器,搜狗浏览器,360浏览器,UC浏览器等 知道了浏览器的设计特点才能更好的设计页面,比如浏览器的头部的操作高度和信息的展示都会有所不同,那么页面在每个浏览器上面的展现就会有所不同。
四. 点击操作 主要通过鼠标点击、滑动、滚动、拖拽。 网页设计所需注意事项 没有内容层次用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别奉行的准则,但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。 太多的色彩背景一种颜色,内容文本一种颜色,链接一种颜色,页头和lightbox一种颜色,图案和页脚各一种颜色。这很好,因为它帮助区分了有用的内容。但是,多重渐变几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白灰黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。
专注用户体验设计与开发
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号