软件UI设计和网站设计的技术差异分析

在专业角度,网站设计软件UI设计是两套截然不同的路数。先对两个概念做个简单对比。相同点,传统软件界面设计是做界面美化,传统网站页面设计是做页面美化;不同点,传统“软件UI设计”出身比较正统,传统“网站设计”出身比较山寨。

进入产品时代,软件UI设计、网站设计都不约而同的对“设计”概念有广义上的提升。包括对各类专业技术的“引用”和学术名词的“再创造”。设计在赢得了足够眼球的同时,也不可避免的造成了足够的混乱。其实任何方案的横向规划都可以理解成“设计”,任何方案的纵向探索都可以理解成“研究”,说法问题而已。

软件UI设计

传统软件UI设计包括系统分析、需求分析、模快划分等,产出主要是软件流程图和文档。要求系统分析员、高级程序员,或者软件架构师参与完成,要求参入人员水平较高。而编程就是依据设计结果,用选定语言来编码,一般熟悉选定语言的初级、中级程序员就可以胜任。

也就是说,最早设计软件全部是有设计能力的工程师胜任,已经涵盖了《用户体验的要素》观点中的战略层、范围层、结构层、框架层。他们唯一解决不了表现层,就是被俗称为“美工”需要完成的视觉设计工作,这也充分说明了不是只有设计师才能做“设计”。

网站设计

最早都叫网页设计,顾名思义就是设计一个个页面。最早的网页设计师与软件“美工”职能完全相同,就是想办法让页面好看起来。甚至在软件GUI最流行的时候,还有不少带有明显GUI风格的页面作品出现在论坛,因为某些客户会想当然认为GUI与做网页差不多。

与早期软件UI设计对应的职位叫网站策划,基本是由一帮资深网民、或者在传统行业应用比较有积累的资深人士担当。早期网站策划都有个显著特点,对设计、工程的认识相当欠缺。团队之内存在了设计师、工程师之外的第三类人,做出来东西的质量可想而知。

实际上网站设计全面继承了软件UI设计的思想和知识体系,然后再结合互联网技术重构创新。技术体系的差别很小,但侧重点差异很大。做惯了C/S架构产品的工程师,在做B/S架构产品时,总会碰到些奇奇怪怪的问题:

问题被深入剖析以后,完全可以探索出整套但又相对独立的知识体系。除了既有W3C标准的标记语言和样式表,还有更适合互联网产品“快速产出、快速迭代”的敏捷方法。随着软件产品在满足用户需求角度弊端的凸显,开始逐渐走下坡路,被互联网产品所代替。于是大批曾经的软件界面设计师、软件产品设计师开始转型做互联网产品。

紧接着让广大设计师困惑的问题叫页面制作,去年在从网页设计开始中总结过“设计网站的同志背景主要有两种:学计算机、学艺术。基本上会写代码的不懂设计,会设计的不懂代码,这个格局似乎到今天还没变。”那么web页面谁来制作?视觉设计师说不会,研发工程师说不懂。临时抱佛脚虽然能拼凑出来,但四不像不说,而且效率低下、极其脆弱。

在技术断层十分紧迫的情况下,首先得到重视的是前端开发。传统软件界面设计只要完成视觉设计,在软件里就能很好的表现出来。而给网站做好视觉设计稿之后,研发工程师根本没法动手,网站的载体是web页面,这是做网站界面设计与软件界面设计的根本区别。

陕西弈聪软件信息技术股份有限公司
电话:13679229477    02989322522
陕西省西安航天基地神州四路科为城墅20栋4301