网页设计公司的那群设计狮到底在想啥

发布时间: 2018-2-24   |   文章整理: 华企未来 www.szweber.com   |   浏览次数:

2月即将过去,3月即将到来,美丽的季节,美可以是一幅画、一副景、一套书法、一张照片,也可以是一副网页,网页设计师融合互联网技术、视觉美感和营销创意创作出优秀的品牌官网设计页面,给予浏览者足够的吸引力,在了解企业官方信息加深对企业的品牌了解同时整个过程是在享受一种美。

下面是深圳华创互联总结了在设计师下笔之前,如何准备 做网站 的功课


1、深圳网页设计的目的有哪些?我们为什么设计网页?

 

在设计网页之前,最重要的是——搞清楚这次设计的目的是什么。网页的设计,绝不只是为了好看。如果只是为了好看,可以直接上高清大图。网页的设计,也绝不只是一味的模仿,别人的设计并不一定最适合自己。所以,把自己设计网页的目的搞清楚了,才能够有的放矢。

 

下文将会总结设计网页的几个目的。我们理清楚自己设计网站的目的之后,就可以有针对性地进行部署、策划、画原型、交给UI设计、然后重构、网站部署,一步步完成我们需要的网站。

 

2、网页设计目的之——网页是产品的重要入口

 

这是最常见的。网站就是我们的产品,或者说访问网站就等于用户在使用我们的产品。

 

比如:airbnb,淘宝,腾讯视频,各大门户网站。用户访问airbnb,就是要查询住宿的;用户访问淘宝,就是要购物 的;用户访问腾讯视频,就是要看视频的,用户访问门户网站,就是要看新闻的。

 

Airbnb:用户直达业务流程

 

这种目的的页面设计,没有通用原理,不需要按照哪种方法来设计。这种情况下,我们要做的,就是让网页设计和业务逻辑完全结合,让网页设计为业务流程服务,为用户提供最直接、最便捷、最流畅的产品体验。

 

3、网页设计目的之——做企业品牌宣传

 

有的时候,网页并不是我们的产品展示方式。尤其对于大公司而言,产品种类各式各样,都有各自的网站。而自己公司的网站,这是并不需要用来宣传产品或者展开促销活动。这时候,把官网用来做品牌宣传,是最合适的。所以,在页面设计过程中,要完全理解公司的定位与追求,将公司理念与思想融入到网页设计之中。

 

以腾讯官网为例,在官网首页的首屏中,我们可以看到非常醒目的表达:“连接”。而我们知道,腾讯的根基就是连接,QQ和微信连接了整个社交网络,月活跃8~9亿的用户量为腾讯建立了强大的连接网络。而腾讯的所有产品与服务,只有两个关键词,便是:“连接”与“内容”。

 

腾讯官网的首页、首屏:“连接”

 

4、网页设计目的之——宣传产品

 

对于自己的互联网产品而言,产品解决了哪些痛点,与竞品相比有哪些优势,我们的产品有什么特色?通过网页来告诉用户,是最合适不过的事情了。

 

那么基于这种目的,应该怎么设计网页呢,通常而言,这样的网页会采用模块化方式。这些模块包括:产品特色、产品优势、产品定价、产品接入方式、产品使用方式、产品用户量多大、产品合作经典案例、合作客户的评价···。

 

产品经理可以在上面模块中,选择自己的产品最想突出表达的4~5个模块,用心设计各个模块的内容,将各个模块组合在一起即可。

 

以wetest网站的一个产品页面(远程调试)为例,在首屏,我们可以看到Banner中鲜明地突出了产品名称和产品描述,并配了一个引导用户时候的大Button。在往下,便是产品特点描述,这是产品介绍页必不可少的模块。其他模块介绍与选择,可以查看后文中的“实战经验之六”中的配图。

 

wetest:经典的产品介绍页面

 

5、网页设计目的之——展现数据

 

这样的页面属于专业型的页面。

 

专业型的页面往往展现的是和业务密切相关的各类数据,如DAU、MAU、Crash率、ANR上报等各类数据类信息。这些信息需要专业技术人员或者负责数据分析的产品经理来查看。所以,在设计这样的页面时,以条例的、整洁的、易读的形式展现给用户即可。

 

需要注意的是,这种页面不只需要提供展示功能,还需要提供查询功能。因为数据量较大,直接展示的往往是关键数据或者示例数据,更多内容可能需要用户自行搜索查看。

 

Bugly:经典的数据显示页面

 

Bugly是腾讯推出的一款Crash崩溃捕获与展示产品。页面设计属于典型的数据展示类型。在上图的数据中展示页面中,我们可以清楚地看到,页面设计采用了扁平化、模块化的布局方式,使整个页面布局条例清晰。此外,在左侧、上侧、中上部,都采用了TAB切换的展现方式,让数据展示更加条理。

 

6、网页设计目的之——引导用户下载app

 

当我们的产品是移动产品形态,android的apk类型或者iOS移动应用。引导用户下载我们的产品是大多数产品经理的KPI。这时候,充分利用我们的网站引导用户下载我们的移动端产品,就是自然而然的事情了。

 

UBER:右下角醒目的“下载APP”

 

这种类型的经典案例,我们来看Uber官网。UBER的产品形态是移动客户端。所以,UBER官网用来引导用户下载客户端,可以说再合适不过。所以,在官网的首页的首屏,设计人员便在Banner上放了一个大大的引导用户下载客户端的提示。

 

7、网页设计目的之——商业推广,急需赚钱

 

有时候,产品都已经搭建好了,收入流水就成了产品经理的重要KPI。官网作为用户接触我们产品的最直接方式,就可以用来配合运营推广活动吸引用户购买产品。

 

这时候,在网页设计过程中,如何在醒目的位置展现营销内容,让用户更容易地购买产品,就是我们的设计关注点。

 

腾讯云:首页Banner内容,典型的营销推广

 

以腾讯云为例:作为国内几家提供云产品的实力型公司之一,腾讯云在与阿里云、华为云等产品经正常,需要拉动份额,因此,官网作为最容易接近用户的入口,直接展示大量的营销型内容,也体现了其拉升收入的目的。

 


在设计师思考好上面的步骤流程后,网页设计才是刚刚开始第一步,接下来是深圳专业网页设计公司 深圳华创互联 设计师总结出来的 十大网页设计要素:

1、记住:你能掌控的时间是有限的

我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。

2、记住:用户是略读页面

当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等

3、网站的左上角是最明显的位置

这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

4、了解“F”结构

一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。

5、了解用户忽略什么

用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。

6、文字和图片

一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……

7、用设计元素来吸引注意

来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表……
如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。

8、文字格式

恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。

9、使用简洁图片

我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。
你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。

10、使用留白

使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。

 


网页设计哪家好,首选深圳华创互联 十年专业定制开发经验,集团官网建设经验丰富,我们明白我们不仅仅是代码的生产者,我们更是美的传播者,网页设计公司有责任为客户提供优秀的企业官网建设服务。



相关资讯

如果您有什么疑问,欢迎随时联系华企未来   点击QQ咨询