联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

浅谈网页设计模板及原则

Time: 2019-12-31

做为一个设计师,除了最基本的之外,还要考虑各种问题,那么,网页设计有哪些原则?怎么设计网页模板呢?接下来就让小编来给大家介绍一下相关内容吧。有需要的朋友可以来了解一下。


网页设计有哪些原则

  (一)保持醒目和简洁

  我们经常会遇到一个问题,非常多的用户抱怨注册表单需要太多的信息。如果你设计的网站正在想办法增加注册用户数量,那么首先必须保证设计的表单尽可能的简洁,易于填写。同时对于着重强调的版块和信息,在设计时可以采用更醒目的方式加以强调。

  (二)合理组织信息

  对于较为复杂、填写项多的表单,如果不对信息进行组织,很容易显得繁杂混乱,让用户在一开始就产生抵触的情绪,甚至选择放弃。合理有层次的组织信息,可以利用框线、空间间隔、颜色的不同,按照不同信息的类别、属性和相关性进行区块的划分,用步骤条指示当前的进程。清晰的浏览线,合理的标签、提示文字及按钮的排布,避免不必要的信息重复出现,能够降低用户的视觉负担和物理负担。

  (三)更大的输入框

  根据实际的用户反馈,表单设计中更大的文字输入框、适度的留白空间会让人更有填写的欲望,优雅的动画效果也能增加填写的趣味。设计师在设计表单的过程中,需要缓和不同输入元素之间的冲突。加粗的文字提示用户哪些区域已经填写了,哪些区域还空着,当激活某一输入框时,它会变成淡蓝色,提示光标现在所处的位置。


1.jpg

(图片来自网络)


  (四)为用户节省时间

  需要花大量时间填写的表单容易让人失去耐心,用户是懒惰而繁忙的,试着删去所有不必要的填写项,考虑除了让用户机械的通过键盘在表单上输入数据外,还有没有别的更优方式(如后续进行用研调查)收集所需信息。

  (五)一条龙服务的设计理念

  表单的终点并不是提交,设计师在设计的时候需要抱着为用户提供一条龙服务的理念,形成流程闭环,避免用户在中途跳出。一个好的表单设计,不仅需要考虑用户填写前的引导、填写时的及时校验与帮助、还需要考虑填写后的整个流程体验。思考用户填写表单的初衷是什么,让他在填写完表单后能够最快得到他最想要的东西。即便是他暂时无法得到的,也需要告诉他相应的原因和能够进行的替代操作。

  (六)提供设计关怀

  根据不完全统计,互联网中大约有12%的人具有或轻或重的色觉障碍。如果将色彩作为区分不可点击文本和可点击链接的唯一元素,可能会让这部分的人使用时出现困难。我们在设计表单的过程中可以通过给链接文字加下划虚线、使用按钮或其他形状做区分,让这类用户能更加清楚的知道哪些是可点击的区域。


2.png

(图片来自网络)


  怎么设计网页模板

  第一:设计

  设计模板一般用photoshop或者fireworks等做图软件来设计,设计出来的是一张图片。也就是我们看到的网页外观。

  第二:转化为html模板

  这也是个一个不可缺少的过程。如dreamweaver网页设计,主要用dreamweaver把图片改成html形式的模板。

  第三:转化为可用模板

  每个程序都有不同的标签,有了这些标签,才能显示出需要显示的内容。所以最后一步,我们要根据不同的网页程序调整网页结构,标出可用标签,做出相应的模板。


  怎么设计网页模板?今天小编就给大家说这么多了,相信大家对这方面的内容有了一个基本的了解了,大家应该都会设计网页模板了吧。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开