企业官网设计升级
北京/UX设计师/1年前/1989浏览
版权
企业官网设计升级
前段时间接了一些设计外包,前前后后的也忙活了一段时间,把甲方爸爸伺候好了,也该整理复盘算算账,看看进账了碎银几两...
沟通需求,承接项目
很多小伙伴在接外包时都手忙脚乱,不知道要聊什么,以及如何报价,这个问题以后有时间细说(挖坑)。简单来说,其实和在公司对接需求很像,只不过多了一个谈钱的步骤,当然,你也可以想象成面试,最后都会谈到钱。
最最最主要的还是需求,这个一定要聊透
,不清楚自己干的活,吃亏的不光是自己,需求方也是要担责的。
由于此次官网升级需要符合公司整体的品牌调性,也就是在原有的基础上进行提升,这也是比较困难的点,做不好容易很突兀。所以在前期也和项目负责人多次进行了约饭、约咖啡(主要还是商讨工作😜)。
1.确定风格
我在接一个项目的时候,首先要了解它整体的一个风格体系,初期和甲方沟通也会要一些资料,比如:品牌手册、PPT等。了解公司对不同风格的接受程度(包括3D、线性、扁平等),
在合理的范围内又要公司形象
。
2.找找参考
无论设计能力多强,进行设计工作时都需要
寻找参考
,闭门造车无法创作出优秀的作品。很多人在寻找设计参考时会直接搜索具体的设计需求,这往往导致找到的参考作品缺乏创新和差异化。
为了获得更多的灵感和创意,应该从多个角度寻找参考,如海报设计、宣传物料、杂志等,这些都可以提供排版和设计的灵感。
通过广泛搜集不同类型的设计参考,可以将这些灵感转化为自己的设计作品。通过不断转变设计思路和多维度寻找参考,成功地将普通封面转变为具有独特性和高端感的项目封面。在追求差异化的同时,也要确保设计的整体画面不出错,保持设计的专业性和准确性。
3.绘制元素
多次尝试以及确定之后,最终采用2.5d插画的概念设定,是比较符合科技互联网公司的风格,又对相关资料进行了拓展和一系列概念元素的补全。
主要的是把(各个业务中的二级页面)banner主图元素进行了绘制,融合进多场景的业务中。
首屏大图占据了官网最宝贵的第一屏,它决定了访客对官网的第一印象
。首屏大图可以辅助产品来有效传达产品价值,同时还会影响到官网整体的气质。
4.添加细节
加入一些动效提升用户的好感度,让元素更加生动具体。
背景板的制作
5.设计资产
为了让这个项目之后维护起来方便,我搭建了这套
设计资产组件库
。采用
原子设计理论
作为这套组件库的核心理论支撑。也提供了清晰的方法,设计团队通过实际的设计流程与步骤,能更好的去理解和维护资产。这里共分为 5 个阶段:原子、分子、组织、模块、页面。可将里面的元素进行排列组合,诞生出更多的设计资产,应用到公司更多的业务中。主要,设计资产能有了更多的积累,而不是用完就扔。
6.总结
回顾整个项目有很多坎坷,修修改改头要爆炸,还好最后完美搞定,2.5D+克制的配色+微动效,让整体质感有很大的提升,主要还是尽量减轻网页的信息量,在通过合理的排版,让页面整体更加清晰专业,从而更容易获得客户的信任~
最后,虽说银子不多,但是给的痛快。快哉快哉🍺
28
Report
声明
45
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
28Log in and synchronize recommended records
45Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share




























































































