我们的客户
2000年-今天

我们一直与时代同行,做有价值的互联网品牌传播者

08 18

网页设计需要了解的内容

发布者:深圳网站建设 来源:www.lonwin.net时间: 2018-11-09 14:28

网站建设成功的第一要素,也就是网页设计。合理的网页设计制作是一个优秀企业网站的先决条件。因此,在建设网站前,就要先做好网页设计的规划。那企业网站建设的网页规划,涉及到的内容也是非常的多,那究竟网页设计的内容都有哪些?都包含哪些项目呢?


1.原型图
原型图阶段中设计师需要和产品经理沟通需求,这时要注意,并不是产品经理向设计师下发需求,而是需要互相就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有过更好的方式,这是需要在设计之前与产品经理达成一致。

2.视觉稿
网页设计的内容中视觉稿阶段就是我们要根据原型图确定的内容和大体板式完成网站的界面设计了,在网站设计的时候,我们需要一些图像和灵感的素材。比如世界杯专题时,我们除了收集很多素材之外,也可以设计一个“情绪板”。简单说情绪板就是将一些于主题相关的资料和素材铺贴在一起,这样可以更好地指引我们整个需求的设计主题和大体感觉。另外,很多网站的头部通常需要主视觉来抓人眼球,这时可能会使用到需求方提供的明星照片、主题素材、logo、主视觉PSD等,那么用素材和这些需求方提供的资料进行混合并拼出让人觉得震撼的头部视觉就是我们的目标了。主视觉下面的信息排布更强调合理性,这时也需要和产品经理沟通从后台调取图片尺寸、标题字段长度等,然后根据这些要求完成页面信息部分的设计。总之,设计过程中需要我们不断思考和沟通才可以完成一个比较棒的视觉稿。

3.设计规范
当视觉稿通过之后,很多设计师可能不会主动地去做设计规范。其实每一个可迭代的产品都需要设计来总结设计规范,设计规范就是所有页面中共性的东西,比如字体不同的大小、图片的尺寸、按钮的样式等,这些共性也是用户访问网站时会理解成固定概念的凭证。比如同样的分析功能如果采用两种截然不同的样式就会让用户困惑。那么设计规范主要也是在约束设计师我们自己,在用户有限的记忆力中减少思考的成本。

4.切图
在网页设计的内容中,网页设计师通常不需要为前端工程师切图。因为前端工程师通常需要掌握PS软件技能。如果遇到特殊情况需要我们切图时,我们可以使用诸如Cutterman、Zeplin等切图插件中web选项为前端切除网站所需要使用的图片。

5.前端代码
前端工程师会用代码重构我们设计的页面,把图纸变为静态页面。然后和后端工程师对接调取数据接口,一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据,也会进行埋点。埋点就是在页面代码中插入一些统计代码,方便我们之后确定哪些页面访问量高,哪些没有达到预期。在此后还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等。

6.项目走查
网页设计完成后还需要设计师进行项目走查,来确定网页还原度是否有问题。如果发现有和设计稿出入很大的,就需要要求前端工程师进行调整。这个步骤非常重要,因为网站的成品才是我们最终的输出,不要认为设计稿很漂亮而实现后的页面就不需要我们负责了。

  • 最新文章 LATEST ARTICLES
企业QQ咨询:642767003
服务咨询热线:

0755-824849660755-82484966

立刻在线咨询

建站案例

COMSTRUCTION CASE

  • 网站建设案例:接待专家

  • 网站建设案例:派生集团

  • 网站建设案例:超纯环保

  • 网站建设案例:多丽产业园

  • 网站建设案例:深圳市蓝凌软件股份有限公司

  • 网站建设案例:鸦片战争博物馆

  • 网站建设案例:港中旅(中国)投资有限公司

  • 网站建设案例:嘉里建设

  • 网站建设案例:小牛资本

  • 网站建设案例:深圳市卫生监督局

  • 网站建设案例:深圳肿瘤医院

  • 网站建设案例:美的

  • 网站建设案例:中石化

  • 网站建设案例:招商局集团

  • 网站建设案例:沃尔玛

  • 网站建设案例:人人乐集团

  • 网站建设案例:香港大学深圳医院

  • 网站建设案例:中广核

  • 网站建设案例:中国科学院

  • 网站建设案例:鑫根资本



点击咨询

0755-82484966

联系我们

您好HELLO!
感谢您来到深圳网站设计公司,若您有合作意向,请您为我们留言或使用以下方式联系我们,
我们将尽快给你回复,并为您提供最真诚的设计服务,谢谢。

电话:0755-82484966  82481178

商务合作邮箱:kefu@lonwin.net

合作QQ:642767003

深圳总公司地址:罗湖区北站路1号中贸大厦202-208室

在线提交需求

...您也可发需求信息至邮箱:642767003@qq.com