网页UI设计注意事项 互联网的发展带动了很多的边缘性产业,网页UI是更直接的体现,浏览不同的网站会给用户不同的体验,尤其是用户打开网站的第一印象,足以判定一个网页UI设计的成功与否。
网页界面是网站与用户交互的最直接的层面,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。
设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。
关于网页UI设计除了要遵循一定的网页设计规范之外,更需要注重用户的操作体验,本文就谈一谈在这方面设计中应当注重的一些基本问题:
第一、布局要简洁
这点和网页设计的理念比较接近,无论是考虑到用户的浏览体验还是操作体 验,都应当尽量将整体的布局设计简单化,让用户可以一目了然。
以左树右表的结构布局而言,左侧的操作区域功能名称要准确,层级不应太 繁琐, 功能点要方便于用户操作;右边的信息展示区域更应当尽量将内容充分展示,尽量避免层级过深,如果应特殊需求需要用户做出跳进跳出的操作,那么应当考虑给予一些友情提示,别把用户弄晕。
这里要强调一个地方,那就是顶部设计,尽可能的把高度缩小,不宜使用falsh 动画或其他特效,就静态展示即可,这样不影响系统的运行速度而且相对整体布局更加清爽。
第二、色彩运用
网页UI的色彩运用倾向于少而精,少代表了整体页面的颜色使用,千万不要做得花里胡哨;精代表了在配色的时候尽可能的协调,当然了,前提也是尽量 用色越少越好。
这和网页设计理念差不多,根据客户 LOGO 或确定的主色调,再搭配一种、最多两种色彩即可,一定要让整体页面看起来舒服。
第三、图片的使用 网页 UI 中少用素材图片, 在某些信息展示中不得不用到实物图那另当别论, 就设计而言,不能说图片越漂亮就用得越多,这点和网页设计不同,网页 UI 不 需要大气精美的 banner。
但是整体设计也不能缺少图片,这里最好使用一些小图标,配在功能区的文字前面,或者是一些提示性信息的前面进行点缀,可以有效的提升页面的生动感。
第四、注意实用性 系统毕竟更多的是给人用的、是给人看到准确信息的,所以设计师在设计的 时候一定要注重设计的实用性,这里笔者不建议将页面作个性化处理,当然了,也要根据实际需求或面向的市场而定,但是大部分的时候尽量做到中规中矩、清 楚明了就行了。
比如网页中涉及到的一些比较好看的JS特效, 那么在UI设计中就要判断一下是否适合使用,如果该特效与信息展示之间产生了,则优先考虑信息展示,宁可舍弃那些无谓的特效。
还有一点,提升页面美观的flash动画就不要放了吧,因为对于系统来说一点用都没有。
BS 架构的系统最大优势就是用户可以通过网络并且不需要安装任何客户端 文件即可访问使用,因此这对于设计师来说就要掌握不一样的设计理念,操作性强、页面设计简易、信息展示清楚这是基本原则。