首先了解一下:到底什么是高端品牌
其实高端网站也好,普通网站也罢,其中最大的区别主要还是在于打开网站给用户的感觉,用户一打开网站,就会觉得这公司很高大上,网站设计高端大气上档次。
接着了解:建站前需要做的准备工作
了解的定位是什么做这个网站的目的是什么我们的优势劣势是什么如何突出与众不同
了解公司当前能带来利润的主要产品和服务是什么(最好可以精确到某个具体产品)企业当前获取订单的主要途径有哪些企业产品的购买者和使用者分别是哪一类目标人群当前企业产品及服务的核心优势和特点是什么
了解按产品的使用行业,用途、材质、适用人群是否可以分类,详细分类行业如何对企业的产品或者服务分类产品和服务是否有行业差异化,如果有是哪些
了解网站界面设计的主色调的颜色是哪些是否结合企业文化元素与VI用色如何才能凸显企业品牌实力如何才能融合行业创意如何才能展示特色视觉体验
首页的3-4个轮播BANNER广告文案是否想好
了解网站的主导航需要布局哪些栏目
了解网站规划的核心关键词是什么
了解网站规划的长尾关键词是什么
了解企业的成长年限,员工人数,办公场所的大小,服务案例的数量,资本实力,荣誉资质;企业业务的接待流程及售后服务流程是怎么样的是否有企业宣传视频
接着了解:明确网站架构栏目
(1)关于我们:用于介绍企业的历史、文化、背景等信息展示,可增加栏目内容板块如:公司简介、组织结构、企业文化、发展历程、资质荣誉、创新能力、生产设施、品质保障、服务保障等;
(2)资讯中心:用于发布公司动态、行业资讯、媒体报道、常见问答等信息;
(3)产品中心:用于发布公司产品A+、公司产品B+、公司产品C+、公司产品D+等产品展示,图文并茂;
(4)案例中心:用于发布A+成功案例、B+成功案例、C+成功案例、D+成功案例等案例信息;
(5)解决方案:用于介绍A+行业、B+行业、C+行业、D+行业等方案信息展示;
(6)招贤纳士:用于发布人才招聘信息展示;
(7)法律声明:用于介绍公司法律、法务等信息展示;
(8)在线留言:主要用于收集客户的在线疑问、投诉建议等信息;
(9)合作伙伴:展示企业的各大合作伙伴等信息,可用合作伙伴的LOGO图标展示;
(10)联系我们:充分展示企业的联系方式、线路地图等信息;
(11)在线客服:通过网站在线客服咨询软件,充分实现网站访客与客服之间的即时通信(IM),并把网站的在线销售、实时客服和网站管理功能融合在一起,更好的服务客户;
(12)网站地图:为用户提供最便捷的导航服务,一键到达用户想要的服务。
第一、专业大气行业
当我们接手时,必须先跟客户沟通,了解并考虑企业所在的行业。设计出“给人感觉简洁与安全,让人感觉到企业可可靠性”。就拿创想者的官网来说,页面给人的第一感觉就是专业和安全,标语也比较醒目。
第二、留一些空白与空间感
很多人做网站设计空间感不是很强,有些把网页内容排列的密密麻麻,让人感觉有一种拥挤的感觉,正如我们住房一样,如果房间不留有空间,你住着舒服吗?不同类型的网站实出点不同。如企业网站主要以实出内容和展示信息为主,让访客有一种安全感和信任感。
第三、要有代表性色彩与素材选择
代表性色彩与素材选择,这是在网页设计中比较难的,这也是考验网页设计师的功底。如拿“大气”为代表设计原素,要实现它是比较复杂,尤其是在色彩和素材上选择更是困难。正如我们在设计企业banner时,如果用一个适合该行业的背景图片,加上标语,可能看起来要比单纯的色彩背景要好得多,但背景素材选择时,也要注意有代表性。
1、使用高清大图背景
将背景设置成一张极具性格或者富有冲击力的大图,是让用户眼前一亮的重要设计手段。
选择背景图的时候,仅仅只是大是不够的。这张图最好是拥有丰富的细节,有景深和层次,让人惊艳。一图胜千言,一张好图能够让用户在打开网站的那一刻了解更多文字无法描述的细节,不论是关于网站本身、作为设计师的你,还是网站所属的品牌。
2、多图滚动播放能引起访客更多兴趣
多张图片滚动播放必然能展示更多的内容,能容纳更多不同比例、大小的图片内容,但是这还不是它全部的优势。
和选择背景大图道理相似,在选择滚动播放的图片的时候,不是越多越好,而是要尽量以最少产生最大的影响。尽量确保图片之间的相关性,但又不会重复。你可以在这里呈现更多的内容,网站不同的侧面,但是尽量让他们统一、专注并服务于网站本身。
3、创建图片拼贴或者展示栅格
一组漂亮的照片能让网站看起来更加戏剧化,更加随性有趣。不过在选择照片、裁剪尺寸和分组的问题上,你需要稍微费心一点。Ajax的滚动功能其实挺有趣的,通过照片分组展示和用户有了更多的互动。
在创建图片拼贴和栅格的过程中,还有一些问题需要注意。选择图片展示的尺寸和比例的时候,尽量让它们能被看清其中的内容,不要过大或者过小,同时大小尺寸也尽量一致点。对于头像和普通图片而言,这样的展示方式还好,但是细节丰富的景观图则不适合这样展示。
4、使用简约的风格
图片展示是你的网站核心,过多的修饰其实会将用户的注意力从图片上转移走。使用极简的风格能让用户更加专注于图片内容。
简约的按钮,直观的控件,合理的配色能让屏幕空间看起来更大,更适宜展示内容。
5、远离复杂多余的特效
实际上,许多设计师已经彻底告别了复杂的特效,不过这一点还是得多提醒一下。尤其是这类图片展示类的'网站,高光什么的还是有多远滚多远的好。
高分辨率的图片要尽可能快一点加载,毕竟是大文件。所以,请记住,在设计动画、加载特效以及其他效果的时候,务必确保图片加载不受影响,如果有影响,就不要使用这些技术或者特效了。尽量简化特效和动效,视差滚动其实还不错,至少对图片没直接的影响。
6、设计一个主题
有些网站的设计师会为网站设计一个有趣好玩的主题,这不仅更加便于图片展示,还能适当的炫技。他们有的会参考风格来设计,还会借鉴Pinterest的瀑布流的样式,中性黑白配色主题可以突出图片,而涂鸦边框和色彩叠加能让网页富有个性。总而言之,为自己的网站设计一个长期使用的主题,还是蛮有用的。
当然,和上一条一样,效果可以适当使用,但是千万不要喧宾夺主,或者影响照片本身的细节。
7、混合不同尺寸和形状的图片
不同于拼贴和栅格的展示方式,不同尺寸、方向、形状的图片整齐地拼合在一起,能产生非常优秀的视觉效果。
想想看吧,不同大小和内容的图片协调错落地组合在一起,这些不同所产生的参差之美,协调好色调和背景之后,这一大堆图片能让观者视觉不易疲劳,用户会在网站停留更长的时间。
8、图文混排
即使拥有一流的图片内容,如果文字和语言太贫乏,也会让网站显得单调无趣。合理地插入文本,在图片之外的地方点缀上按钮和其他控件,能让网站更加完备而丰满。
近几年比较明显的设计趋势是使用高清大图背景和幽灵按钮,这就是典型。图片为主文字为辅,按钮不会影响图片的整体效果。
9、控制对比度
对比度的控制对于网站的整体设计非常重要,这是毋庸置疑的。图片、文字和背景之间的对比,尤其需要注意。
黑白灰这样中性色调的背景都非常适宜于用在图片展示和摄影网站上,因为它们能和各种图片形成清晰的对比,便于用户浏览。而图片之间适当的留白和空间距离,能够赋予网站优良的浏览体验。
无论网站选取怎样的设计风格和审美取向,作为一个图片展示为主的站点,确保背景和图片之间的对比,让访客足以分辨出图片信息被背景内容,这是极为必要的。
10、针对图片进行设计
对图片展示为主的网站而言,真正意义上结合图片的实际状况来进行设计是最重要的。图片是核心!你若实现设计好某个布局,然后再填充图片进去,很多时候会出现各种狗血的事情。你看到一双39码的鞋非常漂亮,可买回来才意识到你的脚要穿41码的,任性,尴尬。
仔细看看你自己手头的图片,再设计相应的网页布局框架吧。正确的处理这些内容吧,你会发现过程中能省去很多麻烦。