今天跟大家唠唠我最近搞的一个小项目:平面设计公司网站。一开始接这个活儿,我心里还是有点忐忑的。毕竟设计公司自己家的网站,那门槛可不低,得好看,还得能体现专业性。
我做的第一件事就是疯狂找参考!各种设计网站,像什么站酷、花瓣、Dribbble,那段时间我天天泡在上面。不是要抄,主要是想看看现在流行的风格是什么,别人是怎么展示作品的。还特意研究一些设计原则,什么视觉层次感,留白,对比,一股脑儿全塞进脑子里。
我就开始琢磨网站的整体框架。跟客户那边沟通几次,确定几个重点:一是作品展示要突出,二是团队介绍要真实,三是要方便客户联系。我初步定首页、作品案例、关于我们、联系我们这几个主要板块。
UI设计这块,我选比较简洁现代的风格,颜色上用的他们logo的主色调,再加一些辅助色做点缀。作品展示那一块,我下点功夫,用瀑布流的形式,这样能展示更多的作品,而且视觉效果也比较舒服。每张作品图点进去,都能看到更详细的介绍。
关于团队介绍,我让他们每个人都写一段话,拍几张照片,力求真实自然。毕竟客户选择设计公司,也是在选择设计师嘛
联系我们页面,除放联系方式和地址,我还加一个在线表单,方便客户直接提交需求。
前端开发那块,我选比较流行的框架,*。这玩意儿上手快,组件化开发也方便。后端用* + Express,数据库是MongoDB。这套组合我比较熟,开发效率高。
开发过程中,也遇到不少坑。比如,瀑布流布局在不同分辨率下的适配问题,图片加载速度的优化,还有表单验证等等。一个个慢慢啃,上网查资料,看文档,实在搞不定就问朋友。
网站上线之后,客户那边反馈还不错,说整体效果挺符合他们的预期。我自己也挺满意的,算是又完成一个小挑战。
这回做平面设计公司网站,让我又学到不少东西。设计上,对风格的把握更精准;技术上,也更熟练。以后有机会,还会继续尝试更多类型的网站。
添加微信