当前位置: 首页 > news >正文

一个网页设计需求方眼中的网页设计

虽然已经不做设计师快三年了,可是依然会一直留意站酷。看着各位高手的作品,总让我庆幸我没有把这条路走下去——三年前,我就是由于觉得自己在设计上没有 什么天分,于是转行去了一家游戏公司,去做官网建设和媒体渠道方面的工作。如今看来,这条路没有错,我的设计和站酷上的高手想比,差距不是用努力学习追的 上的。

由于工作的关系,我经常扮演一个网页设计的需求方的角色。3年的时间,我看了无数的设计稿,也亲毙了很多的设计稿。很多时候我 觉得很无奈,那些设计都很好——有的精美的让我枪毙的时候心情极度难受——这些设计本身不是不美观,只是由于设计者太注意设计本身,忽略了很多设计之外的 东西。联想到在站酷上也经常看到的很多精美华丽的“飞机稿”,这不能不让我这个依然爱好设计的旁观者心疼!所以我想就我这三年作为一个设计需求方,从我所 看到的视角来说一下网页设计。希望对大家能有帮助。当然,在设计方面,我只能说是个外行,如果说的有什么不对,还希望大家能见谅。


设计师与需求方:

记 得我自己做设计的时候,当时公司一位在中国待了快6年了的老外曾经对我说:"中国没有DESIGNER,中国只有PAGE WORKER!"当时听到这句话很不服气,还试图和他理论,当然,最后结果是老外认错了,而我和那个老外也成了好朋友。但是,如今自己做了3年的需求方, 我终于不得不很无力的承认了这个事实——不是中国设计师没有创意,而是客户心理对于项目的需要造就了设计师变成了美工。

我不得不承认,大 多数的需求方都是外行,有的甚至审美品位严重扭曲——当然,在很多高端的公司,专业的需求方也不是没有,只是这样的需求方是可遇不可求的。在大多数需求方 看来,在整个项目当中,他们是处于一个“主动”的地位,对于整个项目具有主导话语权。或许他们脑海当中,真的有很漂亮的设计概念,只是他无法实现,于是便 找到了设计师,希望设计师根据他所“想”的一个模糊的蓝图来设计页面。于是问题出来了,由于需求方非专业的描述使得设计者的设计思路变的跟着模糊起来。或 许需求方的想法表达的很清晰,但是由于扭曲的审美观导致设计师无法认同。无论由于前者的原因还是后者的原因,都会使得页面变的不伦不类。这样的经历,我想 每位设计师都曾经遇到过。

接下来我们来说说解决方法:

1、制作之前的沟通非常必要。你要假设需求方是“白痴”,什么都不 懂。在需求在自己脑海里未明确之前,不要试图去猜测着做,这样“飞机”的概率极高。最好是让需求方找到同类风格的网站至少2-3个,让他说明这些网站他欣 赏在什么地方。当深入的沟通之后,了解了需求方的意图和口味之后,你会发现沟通的时间远远会小于你重做的时间。

2、对于用户给予的需求, 不要太咬文嚼字,同第一条所说,需要假设需求方为“白痴”,很多专业的细节,他们一般不会关注。在做需求方的过程中,我也犯过类似的错误:记得那时侯提交 需求,由于项目要求科技感未来感比较强,我在需求中写了一句:“整个网站的设计基调为科技感未来感比较强的蓝紫色。”结果,页面出来了之后,发现整体的设 计风格很符合我事先的要求,页面也做的很漂亮,只是唯一的问题就出在头部的人物,设计师看到需求后,为了追求整个页面的色调“符合需求”把人物的色调也做 成了蓝色,远看就像是阿凡达...对于这个结果,我哭笑不得。没办法,谁叫当时自己需求没有写清晰呢?

3、对于主导意识比较强的需求方, 不妨自己做一下用户引导。好设计师的个性都很强,这是我和很多设计师接触下来的感觉。有个性是好的,但是工作归工作,工作的时候还是要讲究工作方法的。不 要试图顶撞需求方,这样做并不明智;也不要试图用自己的专业术语说服对方,这会造成沟通的无效,严重的甚至会让需求方觉得你是在“忽悠”他,从而对你产生 不信任感。比较合理的方式是:“我觉得,你提的想法很不错,只是,我个人觉得..........(尽量用对方听的懂的大白话)这样做的话效果会更好一 些。当然,我们可以按照您的思路给您做一稿,但是如果可以,我想按照我的想法也做一稿,两稿比较下或许会更稳妥些。”如此一来,对方有台阶下,不至于伤了 自尊,而你,也就是多花了一些时间,至少争取到了按照自己想法做页面的机会。

4、“大!一定要大!”很多时候,需求方会对你这么说。通常 这么说的意思,就是这个需要“明显”。虽然可以假设需求方是“白痴”,但是在这点上,他比你懂。不过,客户说“大”,未必一定要“大”,首先,试图分析 下,他为什么说要“大”,或许从产品本身的角度,对方是正确的;然后是修改,不过这个修改不是需求方说什么就是什么,依照第三条的做法,一稿按照用户的要 求改,一稿可以尝试一些其他方法:比如换字体、换颜色、换样式,找个衬托的东西什么的...总之是在不破坏设计效果为前提的基础上作出自己觉得正确的修正 ——需求方大多是了解自己的产品并且知道自己要做什么的(也有不少是什么都不懂不知道的,遇到那种算你倒霉),他们或许不太清楚如果用美术的方法达到自己 的效果,但是如果仔细分析,还是能够了解他们的意图的。

5、千万不要随意改动LAYOUT,即使你觉得这个LAYOUT糟糕的让自己崩 溃,也不要不和需求方联系就随意去做调整——你需要有这样的意识:很多时候需求方是需要控制结果并对结果负责的,不告知需求方而随意修改需求将为结果带来 很大的不可控因素并对结果带来不可知影响,是对需求方很严重的挑衅。即使实在无法接受这样的LAYOUT,至少自己脑子里思考下,为什么对方会这么布局? 如果不使用这样的布局,我是否能有更好的解决方案?然后带着“可能效果会更好的解决方案”去说问题。这样至少不会让需求方觉得你“无视”他的需求,而是在 “帮助”他解决问题。

6、要学会挑选客户,在我还是设计师的时候,一位老前辈曾经说过:“当你选择接1000¥/p以下的单的时候,就意 味着,你的设计已经定位在这个档次了。”事实也的确如此,很多中小企业的领导、国企或者政 府的领导,通常会有很强的主导意识,而且觉得设计不值钱,设计就是按照他们的意图制作页面,设计师也就是一工匠。和这样的客户讲设计基本没戏,你的设计也 别指望能做的出彩。什么档次的用户决定什么档次的设计,这句话是有道理的。


设计师与程序:

关 于这个问题,很多时候是无法调和的矛盾。很多时候设计和程序是天生的“敌人”——设计师对于页面的认识是“漂亮”,而程序对于页面的认识是“简单”。对于 页面的根本认识的不同,是两者发生矛盾的关键。我不得不承认,这样的矛盾很多时候是无法完全消失的,不过话说回来,事在人为,通过主观的努力尽可能去避免 这些问题还是可行的。

1、多了解一些技术的东西是有必要的,DIV+CSS是必须要学的,别觉得那是程序的事情——如果你不想自己的页面 被改的面目全非,所以这个是必须的。JS的代码可以不懂,但是JS的原理还是该了解——至少和程序沟通你要的效果的时候用的到。这些都是最基础的,如果你 还想朝着更高的方向发展。

2、有时候简化页面是没有办法的事情,中国的网速就这个情况,现在电脑的配制也是无法改变的客观事实。有些效果 比如FLASH、JQuery等等,虽然效果很华丽,有时候太占带宽太占系统资源。去掉也是没有办法的事情,毕竟,如果漂亮的效果让用户看不到或者等不 到,结果会比没有效果更糟糕。

3、私底下多和程序沟通。人心都是肉长的,有时候私下沟通比工作沟通有效果的多。没事情的时候多和程序一起 抽抽烟、喝喝酒、吃吃饭、唠唠嗑。和好的设计一样,好程序也大多很有个性,但是思维也大多很简单,就和写判断逻辑一样,不是0就是1,所以别被表面的现象 所迷惑、事实上程序是很容易接触的一类人。和程序处熟了,工作沟通也会容易不少、甚至可以直接找一个处熟的程序搭档接一些私单,有财一起发,不仅能赚钱, 还能增进相互之间的感情,何乐而不为?


设计师和终端体验者:

虽然说设计师很少能和终端体验者发生关系。但是事实上,一个页面到底好不好,终端体验者最有权利说。作为一个设计师,不是说光会设计漂亮页面就OK了,如果用户体验不好,页面再漂亮,也是空的。

1、 需要学习理论,但不要迷信理论。很多设计师喜欢看国外的设计理论,这些理念通常都很先进,而且都有很强的逻辑,让人觉得“该这么回事”。不过,实际情况 是,这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西,虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点,我做 过几个大型英文网站的项目,感触很深刻。其实,那些理论也都是外国设计师一点一点总结出来的,我们为什么自己不能总结一些中国用户自己的习惯呢?多看各个 成功的网站,多观察身边的人浏览网站的习惯,然后自己思考一下“为什么”。当你有自己成熟的理论了,你就离“大师”不远了。

2、好的页面 设计是引导用户去阅读的。设计的最终目的是为了传达信息,如果为了页面美观而失去了传达信息本身的效果,那这种页面设计的效果就是负的。这是很多有平面设 计习惯的设计师时常会忽略的问题。尤其在以文字和图片作为传达主体的网站上,这种问题更加明显。建议有这样问题设计师能看一些关于排版方面的书籍——在这 方面,网页设计和印刷排版设计是有共通之处的。

3、设计也需要在文字上下功夫。很多时候页面上的引导是通过文字链接实现的,而策划案里面 或者LAYOUT里面不会给你明确的文字(有不少策划案里所给的文字链界是仅供参考的),如果不自己琢磨下,有时候真会出现不少尴尬。最简单的例子:很多 人喜欢用“MORE”、“CLICK HERE”、“SKIP”这样的英文单词。这个单词什么意思,我们都知道、可是如果这个网站目标用户群体是中年人或者年纪更大的人。那恭喜你,你对牛谈琴 了——呈然,现在的年轻人大多有英文基础,但是老一辈可没有我们这么好的教育水平啊!...很多设计师都不太在意文字本身,这在中国是一个很悲哀的事实 ——这样的态度会让设计师很难进步,就是从职业规划上来说,将来要朝更高的其他方向发展,这也会成为一个障碍。

4、考虑下动态页面具体使 用中会遇到的问题。静态页面我们能够控制最后出来的效果。但是动态页面却会出现我们无法预计的问题,你需要考虑到没有美感的网站编辑用丑陋颜色的标题把你 的页面搞的乱七八遭、你需要考虑到有时候用户名是8个字,但是你却只给了7个字的距离......如此等等的问题都会影响到页面的效果和用户的观感。这方 面的问题总是会超出你的想像,但是一旦发现了,就必须准备解决的方案,能否发现问题以及是否快速找到解决问题的方案,在一定程度上也是判断一个设计师是否 有经验的标志。


给新人的建议:

1、平时多看所收集整理素材、自己做的页面分门别类的整理好、老设计师为什么出东西的速度比你快而且效果好?就是因为他们看的比你多,素材比你丰富。老设计师的硬盘绝对是个宝,恩恩,别想歪了。

2、设计的时候少些想法,设计好之后多些想法。大胆下笔、小心收拾,只要总体的感觉对了,设计就能出效果,相反,设计时候想法多了,不仅会严重影响设计速度,出来的东西也会不伦不类。

3、设计有时候不都是加法、减法也很重要,全是效果等于没有效果,材质和光感觉最好能保证统一。影响整体效果的东西,再漂亮也要狠的下心去掉。

4、 自己看效果的时候一定要放到100%看,建议根据不同分辨率浏览器宽度拉一下辅助线,保证在不同分辨率下效果都不至于太差。看的时候可以学学画素描的方 法,眯起眼睛看,那些东西突出没有、哪些东西没有突出,用那个方法一看就知,当然如果带眼睛的可以把眼镜去掉,效果是一样的。

5、有能力制作个人网站的话,还是做一个吧!一方面练手,另外一方面,无论是求职还是接单,都用的着!

6、设计有时候真需要天分,如果做了一段时间,发现自己没有天分,不如像我一样,跳出去换个工作比较好。呵呵,这条只是一个玩笑。要相信自己的努力会有结果,如果你能坚持的话,我相信,迟早有一天你也能成为最NB的设计师!

本文由 站酷网 - 飞翔的松江人 原创,转载请保留此信息,多谢合作。

相关文章:

  • 正则表达式入门以及记录
  • 谈谈网页设计师的成长之路
  • 07.常用的SQL语句
  • 初步接触html心得
  • AS3所有类的接口实现一览表
  • 分页查询中绑定变量
  • Oracle11g字符集AL32UTF8修改为ZHS16GBK详解
  • 我参加了“2010年度十大杰出IT博客”大赛,请朋友们支持!
  • 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志
  • MeeGo handset 1.1开发环境[6]:封装*.src.rpm和*.rpm
  • 使用Windows Service Wrapper快速创建一个Windows Service
  • [IE9] 解决了傲游、搜狗浏览器在IE9下网页截图的问题
  • [.net 面向对象程序设计进阶] (19) 异步(Asynchronous) 使用异步创建快速响应和可伸缩性的应用程序...
  • [转]activiti5用户任务分配
  • 数据结构:链表 链表按结点中第j个数据属性排序(冒泡排序法)
  • “寒冬”下的金三银四跳槽季来了,帮你客观分析一下局面
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • 0基础学习移动端适配
  • AHK 中 = 和 == 等比较运算符的用法
  • Android 初级面试者拾遗(前台界面篇)之 Activity 和 Fragment
  • Angular6错误 Service: No provider for Renderer2
  • exports和module.exports
  • Java|序列化异常StreamCorruptedException的解决方法
  • JavaScript服务器推送技术之 WebSocket
  • Java比较器对数组,集合排序
  • LeetCode29.两数相除 JavaScript
  • Less 日常用法
  • Netty+SpringBoot+FastDFS+Html5实现聊天App(六)
  • Node.js 新计划:使用 V8 snapshot 将启动速度提升 8 倍
  • scrapy学习之路4(itemloder的使用)
  • Spring思维导图,让Spring不再难懂(mvc篇)
  • spring学习第二天
  • 安装python包到指定虚拟环境
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 分享一份非常强势的Android面试题
  • 回顾2016
  • 基于Mobx的多页面小程序的全局共享状态管理实践
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • MPAndroidChart 教程:Y轴 YAxis
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • ​香农与信息论三大定律
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (13):Silverlight 2 数据与通信之WebRequest
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (C语言)共用体union的用法举例
  • (Matalb时序预测)WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (Mirage系列之二)VMware Horizon Mirage的经典用户用例及真实案例分析
  • (第61天)多租户架构(CDB/PDB)
  • (附源码)springboot掌上博客系统 毕业设计063131
  • (篇九)MySQL常用内置函数
  • (转)Unity3DUnity3D在android下调试
  • .net Stream篇(六)
  • .NET建议使用的大小写命名原则
  • ??myeclipse+tomcat