网页UI设计注意事项

 

 

 

         第一、布局要简洁

 

 

 

     这点和网页设计的理念比较接近，无论是考虑到用户的浏览体验还是操作体验，都应当尽量将整体的布局设计简单化，让用户可以一目了然。

 

 

 

 

     以左树右表的结构布局而言，左侧的操作区域功能名称要准确，层级不应太繁琐，功能点要方便于用户操作；右边的信息展示区域更应当尽量将内容充分展示，尽量避免层级过深，如果应特殊需求需要用户做出跳进跳出的操作，那么应当考虑给予一些友情提示，别把用户弄晕。

 

 

 

 

     这里要强调一个地方，那就是顶部设计，尽可能的把高度缩小，不宜使用falsh动画或其他特效，就静态展示即可，这样不影响系统的运行速度而且相对整体布局更加清爽。

 

 

 

 

     第二、色彩运用

 

 

 

 

     网页UI的色彩运用倾向于少而精，少代表了整体页面的颜色使用，千万不要做得花里胡哨；精代表了在配色的时候尽可能的协调，当然了，前提也是尽量用色越少越好。

 

 

 

     这和网页设计理念差不多，根据客户LOGO或确定的主色调，再搭配一种、最多两种色彩即可，一定要让整体页面看起来舒服。

 

 

 

     第三、图片的使用

 

 

 

     网页UI中少用素材图片，在某些信息展示中不得不用到实物图那另当别论，就设计而言，不能说图片越漂亮就用得越多，这点和网页设计不同，网页UI不需要大气精美的banner。

 

 

 

     但是整体设计也不能缺少图片，这里最好使用一些小图标，配在功能区的文字前面，或者是一些提示性信息的前面进行点缀，可以有效的提升页面的生动感。

 

 

 

     第四、注意实用性

 

 

 

     系统毕竟更多的是给人用的、是给人看到准确信息的，所以设计师在设计的时候一定要注重设计的实用性，这里笔者不建议将页面作个性化处理，当然了，也要根据实际需求或面向的市场而定，但是大部分的时候尽量做到中规中矩、清楚明了就行了。

 

 

 

     比如网页中涉及到的一些比较好看的JS特效，那么在UI设计中就要判断一下是否适合使用，如果该特效与信息展示之间产生了矛盾，则优先考虑信息展示，宁可舍弃那些无谓的特效。还有一点，提升页面美观的flash动画就不要放了吧，因为对于系统来说一点用都没有。

 

 

 

      责任编辑：上海网站制作协策网络（网址：http://www.580plan.com/），转载请注明出处，谢谢!

 

 

 

     BS架构的系统最大优势就是用户可以通过网络并且不需要安装任何客户端文件即可访问使用，因此这对于设计师来说就要掌握不一样的设计理念，操作性强、页面设计简易、信息展示清楚这是基本原则。 谈到网页UI设计现在已经都不陌生了，所有BS架构的系统都以网页UI设计的模式在众多用户的眼中展现，关于网页UI设计除了要遵循一定的网页设计规范之外，更需要注重用户的操作体验，本文就谈一谈在这方面设计中应当注重的一些基本问题：

 

 

     第一、布局要简洁

 

 

     这点和网页设计的理念比较接近，无论是考虑到用户的浏览体验还是操作体验，都应当尽量将整体的布局设计简单化，让用户可以一目了然。

     以左树右表的结构布局而言，左侧的操作区域功能名称要准确，层级不应太繁琐，功能点要方便于用户操作；右边的信息展示区域更应当尽量将内容充分展示，尽量避免层级过深，如果应特殊需求需要用户做出跳进跳出的操作，那么应当考虑给予一些友情提示，别把用户弄晕。

 

 

     这里要强调一个地方，那就是顶部设计，尽可能的把高度缩小，不宜使用falsh动画或其他特效，就静态展示即可，这样不影响系统的运行速度而且相对整体布局更加清爽。

     第二、色彩运用

 

 

     网页UI的色彩运用倾向于少而精，少代表了整体页面的颜色使用，千万不要做得花里胡哨；精代表了在配色的时候尽可能的协调，当然了，前提也是尽量用色越少越好。

 

 

 

     这和网页设计理念差不多，根据客户LOGO或确定的主色调，再搭配一种、最多两种色彩即可，一定要让整体页面看起来舒服。

 

 

 

     第三、图片的使用

 

 

     网页UI中少用素材图片，在某些信息展示中不得不用到实物图那另当别论，就设计而言，不能说图片越漂亮就用得越多，这点和网页设计不同，网页UI不需要大气精美的banner。

     但是整体设计也不能缺少图片，这里最好使用一些小图标，配在功能区的文字前面，或者是一些提示性信息的前面进行点缀，可以有效的提升页面的生动感。

     第四、注意实用性

 

 

 

     系统毕竟更多的是给人用的、是给人看到准确信息的，所以设计师在设计的时候一定要注重设计的实用性，这里笔者不建议将页面作个性化处理，当然了，也要根据实际需求或面向的市场而定，但是大部分的时候尽量做到中规中矩、清楚明了就行了。

 

 

     比如网页中涉及到的一些比较好看的JS特效，那么在UI设计中就要判断一下是否适合使用，如果该特效与信息展示之间产生了矛盾，则优先考虑信息展示，宁可舍弃那些无谓的特效。还有一点，提升页面美观的flash动画就不要放了吧，因为对于系统来说一点用都没有。

 

 

 

     BS架构的系统最大优势就是用户可以通过网络并且不需要安装任何客户端文件即可访问使用，因此这对于设计师来说就要掌握不一样的设计理念，操作性强、页面设计简易、信息展示清楚这是基本原则。