网页界面设计--我的设计四部曲

本文详细阐述了网页设计的全过程,包括沟通阶段获取项目信息、归纳阶段深入理解项目、准备阶段收集所需资源以及设计阶段实际设计网页。通过案例分析,作者强调了在设计过程中不仅要关注技术细节,还需考虑项目背景、客户偏好及目标受众,以实现设计与商业目标的有效结合。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

此文更多是谈自己的一些思路(步骤)。

Ok,下面先把几个阶段列出来,然后逐点阐述:

一、沟通阶段-(获取项目信息)

二、归纳阶段-(分析所获信息以深入了解项目)

三、准备阶段-(准备设计所需的图、文资料)

四、设计阶段-(设计页面)

一、沟通阶段-(获取项目信息)

这里讲的沟通,其目的在于获取项目信息,为下一阶段的"信息归纳"提供必要的信息源。

通常要索取以下信息:

·项目基本信息(项目主要的目的、项目的侧重点、项目期限等等)

·客户公司产品信息 (如产品定位、产品卖点、消费人群、经营范围等等,这点对于设计具体产品项目时,更为重要!)

·客户公司基本信息 (如公司简介、公司规模、公司性质等等)

·项目委托人个人审美倾向(委托人对网页风格的预期、委托人艺术审美取向等等)

在沟通方式上,不同性质的客户略有不同。我把之前的客户按客户性质分成两大类:

一类是设计类公司的外包业务,因为经过转手,这种形式的项目你往往不能与项目委托人进行直接沟通,信息传递过程中的误读也就在所难免。这类客户性质的业务,一般会有明确的网站策划,项目Manager也有一定"经验"。可能正因为"便利"太多,做这类项目时往往有放不开手脚的感觉,而且项目负责方一般都比较强势,所以在沟通上也自然就比较被动。

另一类就是企业性质的直接需求,我个人更倾向于接手这类项目。这类客户通常深谙设计之于品牌的意义,也大都会让设计师放手去做,此外在沟通、意见反馈上效率也会更高!所以在沟通方面我也就比较主动,站在客户、客户产品的立场思考问题也就是必须的。毕竟不能辜负客户对咱们的信任,对吧?

总之,我们沟通时既要跳出来,也要走进去。既要跳出设计师的身份,站在客户项目(产品)的立场,自上而下的去沟通、去思考;也需要我们从设计专业的角度出诸多问题,索取你所需的项目信息。

二、归纳阶段-(分析所获信息以深入了解项目)

当获取到项目信息之后,你会发现这些信息显得比较零散,所以接下来有必要将这些信息进行系统的整理,然后综合起来分析。经过系统分析之后,后期设计上的诸多雏形会在此阶段形成,具体的比如说,网页的风格、配色、素材、布局等等。

写到这里,或许有同学会问,我要怎么样去做归纳、分析,才能得出适宜的分析结果呢?对于干设计的我们,我想这个问题确实是普遍存在的!之前的线上交流,不少朋友也有反映到:"在拿到项目信息之后,头脑依旧很茫然,找不到一个适合的解决方案。"

对于这种茫然,首先我们应该反问自己,所需的项目信息我都索取够了吗?项目信息我都仔细去解读了吗?如果我们回答都是肯定的,也就等于说,在解读项目信息方面,我们仍需努力!其实当我们试着去解读、分析项目信息,你会发现,我们经常遇到的风格问题、配色问题,答案就隐藏在这些项目信息里边。

说到这,个人建议大伙儿在提升软件技术的同时,可以抽时间多了解了解哲学、心理学、营销学方面的东东。因为我们不得不承认,商业设计终究还得回归到人的因素上来,你的设计是给人看的,客户看、客户产品目标消费人群看、设计圈子的人看......所以,我们的设计想要得到认可,同时促进产品销售,就们就还真得跳来想些事儿。

三、准备阶段-(准备设计所需的图、文资料)

综合分析之后,紧接着我会准备好设计时可能会用到的图、文资料。

图片主要包括客户公司的图片、产品图片、模特图片等等。一般情况是,客户会提供部分图片,更多的,图片我会去素材网站找找。

文案主要包括网页广告标语、导航文案、产品描述等等。有做网站策划的客户,这些文案大都会提供,如果没做策划的客户,我会跟客户负责人沟通定出。

四、设计阶段-(设计页面)

最后一个阶段,用一个比喻容易说明问题。G633 Padang Light Spider Cream

即如果把网页设计比作烹饪,这四个阶段也就是说这么几回事儿:1.顾客提出相关要求;2.店方去思考如何做出一道客户称道的佳肴3.店方准备好烹饪所需的材料;4.炒菜;

最后的炒菜,需要解决问题就是:在分析结果的指导下,怎么样去把材料变成一道色、香、味俱全的美味?到咱们网页设计上来说,就是这样一些工作:处理图片、细节、色彩、排版构成、用户体验等等。

设计上的具体问题,这里也不多扯。当然,之前大伙所关心的网页调色以及细节处理,之后我会专门写一些心得。

行,就这吧,有问题的地方,欢迎大家交流、指正!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值