忠于品牌,精于技术

上海网站建设公司太多,选择太多,对于用户来说并不是好事,尤其是一些外行的企业用户,根本不知道哪个上海网站设计公司好,哪个要价高,如此一来,就可能掉入坑中,花冤枉钱买劣质网站。对此,业内人士建议企业用户在选择网站设计公司之前,先做一番小调查。那么,到底上海网站设计公司哪家好呢?如何才能选到好的网站设计公司呢?

看官网

官网是上海网站设计公司的门面,门面好不好,意味着这家网站设计公司的能力高低。试想一下,如果对方连自己的网站都做得非常垃圾,没有排名,美观度超差,这样的公司你能相信他会给你带来惊喜吗?别是惊吓才好。

选建站公司最直接的就是看官网,一般情况下,官网上会有很多信息透露出来,比如上海网站设计公司的实力、能力、专业人士、成功案例、专业性等,通过官网可以了解更加透彻。且通过对其官网的了解,可以查看其网站设计风格,进而确定是否适合自己。再者要看看网站是否备案、功能栏、访问速度等,通过这些从侧面了解网络公司。

成功案例

这个是用户必须要关注的,作为上海网站设计公司,成功案例必须要有,否则拿什么说服客户?成功案例也是一块敲门砖,能够敲响客户的大门,让对方愿意与公司接触,甚至是成为公司的客户。再者,在成功案例中如果有一些大型企业或者是知名度较高的企业案例,那就说明这家上海网站设计公司不会差到哪去。如果只是一些不知名的小企业,网络排名也不怎么样,建议还是再考虑考虑。

咨询案例客户

在案例中必然会有客户的资料,根据这些客户的资料,咨询一下对方建站情况以及使用情况,看看是否能够达到自己的预期值。这些服务过的公司与公司有过接触,必然会知道公司的实力和能力以及服务质量,通过他们的信息可以判断出上海网站设计公司是好是坏。如果公司的客户都不认识,也可以直接在网上搜索对方的网站,看看排名,看看更新,看看网站视觉感受,用户体验等,也是不错的参考。

实地考察

这个是对于距离较近的客户而言的,实地考察可以了解公司的实力,看看其办公环境,了解是否是正规的上海网站设计公司,员工有多少,设计师有多少,如此一来能更放心一点。

了解口碑

一家好的上海网站建设公司必然会在各个地方留下自己的口碑,好的口碑会让他们的形象更加完美,吸引更多的客户,不好的评价则会让一些有意合作的客户退却。所以,了解公司的口碑是非常重要的,途径也很多,比如网络、线下、客户体验等。

除了这五点之外,还有一点也是判断上海网站设计公司哪家好的依据,那就是价格。虽然说价格不是绝对的,但是也有很大的参考价值,比如一些不错的网站,价格往往比较高,而一些不知名的公司为了吸引客户会采取低价政策来吸引用户,低价的背后自然是低成本,质量也会受到影响,所以要谨慎。

Learn more

一个网站在建设的时候有很多的细节需要考虑,好不夸张的说,细节决定成败,一个网站的好与差,通过细节就可以从中窥见一二,那么网站建设的时候需要注意哪些细节问题?上海高端网站建设公司对此总结了以下几点,希望可以给大家起到一个参考的作用。

1、页面加载的时间要短

如果一个网站载入的时间太长的话,就很容易让用户失去耐心,使用户很反感你的网站。现在在建站的时候都要求网站要在很短的时间就加载出来。如果你假设的是移动端的网站的话要求就更高了,因为使用手机浏览的用户在需求上是更高的,他们需要的是不需要等待一秒钟,毫秒内就加载出来,如果时间太长的话就容易造成用户流失。

2、增加互动版块

我们需要知道的是人气代表了流量,只要网站首先有了流量才会有后期的转化,这个是我们建站的一个最为主要的目的。那么要通过什么方法来吸引、留住用户呢?这里我们就需要讲解到用户粘性的问题,我们要思考如果提高用户粘性,让用户在网站里面有参与感、存在感。比较常见的就是让用户参与讨论话题,这种方式就会让用户有很好的体验,让他们感觉自己是可以参与其中的,可以表达自己的观点。

3、插件的使用要少之又少

用户最为讨厌的基本上就是广告了,网站中的广告使人很头疼,如果是在页面里面加少数的广告还是可以理解的,但是如果你使用的是弹窗式的广告的话,就容易让用户恼火。有一些广告弹窗只要点击关闭就可以了,但是还有一些弹窗如果点错了话,就会出现自动对话窗口,或者是出现很多网站窗口,这样的方式都会让用户很抓狂。

4、网站导航的结构一定要清晰明了

如果一个网站的结构太繁琐复杂的话就会让用户失去浏览兴趣,而且对他们造成不便,不太容易找到自己需要浏览的网页。同时还要注意的是对尾部导航栏和返回首页按钮的设置,如果用户进入一个页面之后,找不到怎样回到首页那么基本上他们下次就不会再来了。

5、网站要有层次感

一个网站的界面太过于简单、死板,而没有层次感的话,就会给人一种枯燥无味的感觉,缺少视觉亮点,或者是虽然有一定的视觉亮点,但是它表达的不是我们网站需要体现出现的主要内容,这些都会造成体验用户的反感。一个网站最为重要的就是要体现我们的产品或者是服务,在层次方面可以通过网站的色彩、整体元素来设计。 最后,上海网站建设公司提醒大家,在建站的时候不能够有太多的新窗口,如果新窗口的数量太多的话,就会对计算机的资源造成很大的浪费,因此用户在浏览的时候速度也会比较慢,不管是从技术方面来考虑,还是产品策略上分析的话都是不利的。

Learn more

大部分企业客户是比较关注网站建设费用,虽然现在很多建站公司的客户经理都在强调,费用影响因素很多,不可能上来就给你一个具体价格。现在的企业客户不在一开始就询问价格,而是询问不同价格的网站有什么区别。为了让这些客户朋友了解,今天就让上海网站建设公司告诉大家。

建站费用:2000到5000元

如果建站公司所报价格是上面这个价格之间,客户就不用想太多了,肯定是模板网站。模板网站是建站公司早就做好的,客户有需要,将网站内容改一下就能够使用,快一点的客户当天有需求,第二天就能将网站交付给客户。模板网站缺点很多,不过很适合那些资金短缺又想快点拿到网站的小企业。有些建站公司打着5000以内,为企业客户量身定制企业网站, 这些建站公司或多或少有隐性消费,已经有不少企业客户上当受骗。模板网站用来提高业绩是不太现实,能被搜索引擎收录就很好。

建站费用:5000元到9000元

建站公司报出来这个价格,那么是可以帮助企业定制传统企业网站,但是要注意的是客户需求不能太多,一些比较复杂的功能会影响建站时间,有时候传统建站费用也要上万元,具体价格还是要询问一下建站公司客户经理。这个价格的网站是比较适合哪些,对自己网站展示高,网站优化在意的企业客户,如果想要更好的网站,建议客户选择第三档。

建站费用:10000元以上

建站公司能报出来价格是在9000元已上,基本就是属于定制建站了,并且还有可能是响应式网站开发。很多客户对于响应式网站可能不太了解,这边简单给大家介绍一下。传统网站是有着局限性,比如电脑端网站只能在电脑上是显示正常,用手机浏览是不太正常。因此企业需要做两个企业网站,来支持电脑和手机,如果要兼容平板则需要在建站一个网站,这是比较浪费钱和时间。随着建站技术提高,响应式建站就出现,响应式网站能够很好兼容手机、平板、电脑等,网站内容能够根据企业用户所使用设备的屏幕自动适应,给用户展现最合适的样式。响应式网站的建站费用要比传统建站费用高出大约百分之40,不过建设了一个响应式企业网站,客户相当于拥有了平板、电脑、手机,三个网站还是比较划算。

网站建设当中客户最怕的事情就是,高价垃圾建站,现在互联网上面骗子公司很多,他们忽悠能力强,一方面说便宜没好货,一方面又用模板网站欺骗客户,给很多企业客户带来了损失,小编建议客户朋友一定要看网站首页设计初稿,如果连这个都没有说明这个建站公司是存在着欺骗。而且一定要找专业的上海网站建设公司,千万不要贪图便宜。

Learn more

QQ截图20180726110752.png

作者:二莲

来源:鸟哥笔记(niaoge8)

说到 6 月份让新媒体小编们“慌得一批”的大事件,那非ios版微信公众号阅读大改版莫属了。

这次改版后,对文章的质量和原创能力提出了极高的要求,对于热衷用夸张的标题博人眼球的、热衷转载的公众号来说简直是一场灾难。

那么,作为新媒体小编,尤其是刚进入运营行业的新人,以及刚进入一个新行业的小编来说,如何能够快速了解一个行业,并在短时间内写出高质量的原创文章呢?

今天我将复盘自己入行 3 个月以来的经历,和大家一同探讨这个话题。

一、复盘内容和目标回顾

先说背景,B2B公司,教育行业,目标用户为培训机构工作人员。

新进入教育行业领域, 3 个月后2- 3 篇/周原创文章。

多篇文章被教育行业类头部咨询类网站和其他公众号转载,为10- 20 位教育机构人员提供咨询。

二、第一阶段:快速了解一个行业:

刚进入一个行业,首先第一步就是快速了解这个行业。如何快速了解行业呢?

我总结了以下几个渠道:

(1)2- 3 个行业资讯类网站:

多数行业会有对应的资讯类网站,如教育类:芥末堆、鲸媒体、多知网。互联网科技类: 36 氪、亿欧网等。

这些资讯网站可以让你快速了解行业最新动态,从宏观层面了解整个行业的情况。

(2)关注定位相同的公众号至少 5 个,包括竞品的公众号:

了解和你定位相同的公众号的内容偏向、内容喜好是什么,有助于帮助你了解目前行业的现状。

一般情况下,可以通过“微小宝”“新榜”这类公众号排行网站去搜寻,也可以直接询问同事我们的竞品名称,还可以在行业资讯网站中找到定位相同的公众号。

(3)加100- 200 个目标用户,通过用户调查或用户的朋友圈来了解行业现状。

通过用户调查,可以最快的了解到行业用户的痛点是什么;通过目标用户的朋友圈,可以直接了解到目标用户最关心什么。

(比如,我加了几十个用户的微信之后,发现很多教育机构的人员会在朋友圈发一些课程裂变的海报,但是海报做得都很不标准。于是,我写了一篇关于裂变海报如何设计的文章,就受到很多人的喜欢。)

目标用户从哪里来呢?可以从自己的社群里来,也可以直接去竞品的群里加,这里推荐一个批量加群好友的软件,叫wetool,可以尝试使用。

(4)参加行业大咖的课程分享,结识行业大咖;

了解一个行业最透彻的方法就是去听行业大咖的分享,行业大咖往往具有更多的实战经验,对于行业的看法也会更为深刻。
 

像我们每周会邀请行业大咖来自己的平台进行授课,我会负责将每一次课程进行文字整理。在文字整理的过程中,我会反复去听和琢磨大咖的话。通常整理一篇文章,对于某一个细分领域的知识会有更深层次的理解。

(5)参加竞品的课程,试用竞品的产品,对比自己的产品,做竞品分析。

了解竞品,就是了解自己。找到竞品和自己产品的优劣势,对于了解细分行业有很大的影响。

三、第二阶段:了解公众号和你的用户,从模仿开始

了解了外部环境之后,现在需要了解的是内部情况,并且开始勇敢尝试。

每个公众号都有自己的定位,有的公众号是为了做品牌宣传,有的公众号是为了实现内容变现,也有的是为了吸引目标用户,达到售卖产品的目的。

首先你要确认公司公众号的运营目的是什么,初步判断或确认目标用户是谁。这个问题最好是能够和公司的领导进行提前的沟通,像我们公众号的目的,就是通过干货内容吸引目标用户,获取销售线索,达成销售目的。

确定运营目标后,你要开始了解你的用户的内容喜好。有两种方法可以尝试:

第一种,通过前期文章的数据分析;

可以通过后台的数据,将往期文章的阅读量、点赞量、打开率、评论量进行对比,分别找出其中阅读量、点赞量、打开率等最高的文章,查看文章的类型、内容、形式等,分析目标用户的内容喜好;

第二种,通过用户调查:

用户调查应该是贯穿整个运营的过程的,所以,用户调查最好是能够根据公众号所处的阶段进行不同类型的用户调查。

在这个时候可以通过公众号、社群、个人号用户调查的方式,调查用户喜欢什么样的内容版块、喜欢什么样的文风、喜欢什么时间段观看公众号内容、有哪些内容需求、对现在公众号内容有哪些不满?了解用户的内容喜好。

外部和内容环境都了解清楚之后,最好的方法就是马上开始尝试!!!

基于用户调查的结果,可以对用户喜好的内容类型、文风、需求有一定程度的把控。前期开始写的时候最好是从“模仿”开始。

这里的模仿不是指去抄袭、洗稿,而是指从文章的结构、标题类型、内容偏好等各方面去模仿。模仿的对象可以是相同定位的公众号,或者自己的公众号做的很好,可以模仿自己的公众号。

文章结构方面:比如看最近大号的文章中盘点型的文章比较多,阅读量和评论量都比较多,就可以模仿去写一篇盘点型的文章;

标题类型方面:这里指的是,平时在看到好的标题的时候,就把它记在电脑上;下次要写标题的时候,可以看看这些标题,有没有可以用相同的结构套用的,比如之前很火的“第一批 90 后已经XX了”“XX慌得一批”等等;

内容偏好方面:我会持续关注定位相同的大号的每篇文章,看他最近的选题方向和内容偏好,作为自己查漏补缺的方向。

快速尝试、快速反馈,然后去优化,再尝试,形成一个三角闭环,完成打造内容的第一步。

四、第三阶段:找到差异化定位,丰富软实力

其实,很多运营新人都会遇到前期公众号运营的效果不好、几乎没有原创内容、内容与其他公众号同质化严重的窘境。

包括我们也是一样的,前期的文章几乎都是转载而来,而且内容和其他公众号无区别,整体阅读量都很低。针对这种情况,应该如何去操作呢?

一方面寻找与其他公众号的差异化(主要从选题方向),一方面从标题、头图、设置关键词等方面丰富自己的“软实力”。

1、选题差异化:

以我们的公众号为例,在我对相同定位的公众号进行分析后发现,他们的内容选题偏向主要为以下几个方面,于是对比后,我选择的选题方向为:

同时,根据对文章阅读量、点赞量、评论数的对比,可以看到,有热点型的文章阅读量是最高的,接下来是有品牌和名人背书(课程干货也是名人背书)的文章会更受用户的欢迎,这样,对后期的选题有一定的指导意义。

所以,选题的差异化能够让你区别于其他公众号,从而转化为自己的优势。

2、标题和头图:

标题和头图的质量直接决定用户是否打开公众号文章。尤其是改版之后,标题和头图的影响更大。

在标题写作上,我通常会采用以下几个套路:

(1)突出数据,强烈对比;

如:这家小机构 3 个月抖音 250 万粉丝,3. 5 亿次曝光,到底做对了什么?

(2)结合热点;

如:微信大改版,教育机构新媒体招生的 4 个挑战和 3 个机会

(3)采用名人/品牌背书:

如:继新东方后,好未来也遭浑水做空!看六年前,老大哥新东方是如何机智应对的?

(4)抓住用户痛点:

如:从学而思看,为什么大多数中小培训机构都做不大?

(5)提供实用干货:

如:这里有裂变海报设计的 3 种套路、 20 个儿童节、暑期招生海报模板等你来领取!

(6)情感共鸣:

如:在培训机构工作是什么体验?

起标题是个技术活,需要不断的去尝试,见到好的标题可以收藏起来,下次可以尝试用这样的结构来起。而且,强烈建议每次起标题的数目不少于 5 个,然后让用户或者同事从中选取。

在头图制作上,根据公众号的调性不同方法有所不同。

本身是教育类,我会选择偏向简洁的风格,颜色方面大部分会选择与公司logo颜色相同的蓝色调,也会根据文章的类型稍加修改。

我通常使用的工具是“创客贴”,可以自己用白板设计,也可以直接使用其模板。

3、设置关键词:

设置关键词可以让用户增加关注,其中,设置关键词的时机非常重要,如:

我们每期课程的文字整理版,我们会在文末将课程的PPT、回放链接、资源等都设置关键词,这样,用户更愿意去回复;

像之前有一篇文章是关于父亲节如何借势的,我会整理父亲节相关的海报,用关键词回复,效果也不错。

因此,回复关键词就是要提供给用户最需要的,最想要的。

五、遇到的问题

(1)用户只阅读文章,很少主动转发,让用户自动转发的点没有找到;

反思:一方面去做用户调查,和用户沟通什么样的文章会愿意转发;另一方面,可以从选题的角度出发,选择有争议性、热点型的选题,并多关注大号是如何让用户转发的,多尝试。

(2)行业深度思考方面欠缺:

反思:深度是需要积累的,需要不断的积累,多听行业大咖的分享,和大咖交流,并深度思考问题。

(3)文章的阅读量相较大号来说差距还较大;

反思:一方面需要不断的从内容方面入手改进,另一方面则需要在用户增长方面做更多的工作。

(4)如何将品牌植入到文章中,吸引更多的转化:

反思:在选题方面做更多尝试,将品牌与文章主题结合起来,比如职场和打印机结合,可以是:职场里不做重复工作的打印机,而要做不断改变的发电机。

六、总结

1、原创能力是不断积累的过程,只有深刻认识行业,掌握方法,才能写出有质量的原创文章;

2、用户调查是核心,了解你的用户,知道你的用户需要什么,给你用户想要的;

3、避免内容的同质化,只有不断的去看你的竞品在做什么,做出与他们不同的东西来,才能与竞品产生竞争力;

4、不断学习,保护好奇心。好奇心不可缺少,要紧跟大家的脚步,只有跟紧了,才能第一时间捕捉到机会。


Learn more

在考虑web页面布局的时候,或者后期与UI、前端同事沟通的时候,经常会被问到“这个页面是定宽页面还是全屏页面?”“针对大小屏幕这个页面如何适配?”“这个页面是使用浏览器的滚动条还是页面内滚动?”本文作者分享了自己的解决方法。

文/冬瓜一号

一、页面宽度:定宽页面or全屏页面?

采用定宽或者全屏。而大部分网站,是需要根据页面内容,才能决定是使用定宽还是全屏。

1.定宽页面

目前市场上,笔记本常见的屏幕分辨率为1366*768;台式机常见分辨率有1440*900、1920*1080。市场上可能遇到的最低分辨率为1280*768,比如投影仪或者其他设备(其他更小的屏幕可暂不考虑)。

为了保证在小屏下,内容可查看完整,因此目前常用的定宽页面尺寸是1200px,实际可能会根据所展示的内容,页面导航,页面其他元素,页面所要适配的终端等,进行调整。比如,简书首页的宽度为960px;京东订单详情为1210px。

定宽页面常用于:详情,图片,字段并不多的列表,内容流等。

定宽页面虽然可以免去屏幕适配的烦恼,但是对于有些内容,可能会感觉在大屏下显得过于小气,体验并不好,比如图片。而站酷在这一点上,处理的比较好,可以借鉴。当屏幕宽度大于 1600 时,采用 1400 的定宽;当屏幕小于1600,使用 1150 的宽,同时图片大小也会发生改变。(注:淘宝和京东的商品列表页也采用了类似的处理方式)

2.全屏页面

全屏页面指,除了页面左右两侧的边界,页面中的内容会随着屏幕大小而撑满。但是为了保证页面内容正常显示,一般会设定最小的适配宽度,页面低于该宽度不再设配,页面出现横向滚动条。

全屏页面常用于:网站宣传页、采用左侧导航的管理类网站、字段很多的列表页、需要全屏查看的看板页、使用瀑布流的页面,或者页面中有用户需要可视区域更大才可方便操作的元素,比如地图轨迹等。

对于全屏页面,需要考虑,当屏幕变大或者变小时如果适配。一般常用的适配方式有:

  • 根据屏幕大小等比例放大(或者根据不同的屏幕设定不同的放大/缩小比例);

  • 根据屏幕大小拉宽元素,元素高度不变(大屏下,可能会导致元素比例变形,视觉效果不佳);

  • 根据屏幕大小,增加/减少每行显示的内容多少(多数适合于页面内容为网格布局的情况);

  • 使用bootstrap等框架,采用响应式布局(根据屏幕大小,改变大小的同时改变元素排版方式)。

具体采用哪种适配方式,需根据页面内容,以及内容在大小屏幕下的显示情况,以及整个网站所使用的框架等进行选择。

二 页面高度

当页面内容超出页面高度时,是采用页面滚动条,还是模块内滚动?

页面滚动条适合于内容流的页面。这种页面,页面底部固定或底部无其他元素。另外,这种滚动方式需与‘返回顶部’按钮配合使用。当数据需要分页时,多采用滚动分页。

模块内滚动,常用于操作需固定在顶部/底部的页面。当页面中有多个模块需要内滚动或者模块被分割的较小时,需考虑在小屏下每个模块的可视区域是否过小而无法进行操作。当数据需要分页时,多采用翻页分页。

如下示例:由于在 1366 的屏幕下,内容的显示高度除去浏览器的高度以及网站导航的高度,可能只有 650 左右,导致可视区域过小影响用户体验。因此整个页面的布局可能需要重新调整。

三 总结

设计页面时,需特别注意,屏幕大小对页面的影响。否则,会导致整个页面的交互布局需重新设计。另外,具体使用哪种方式,需权衡各自的利弊,最大程度保证大小屏幕下,用户的体验不受影响。

Learn more

作者 : Tubik Studio 

2018 年时间过半,通过过去的 6 个月的观察,其实我们已经可以对于 2018 年的整个 UI 领域的设计趋势有了一个更为清晰的判断,也是推出这篇文章比较合理的时机。今天,我们一起来回顾一下,过去的半年当中,UI设计领域当中的一些流行趋势。

1. 全屏背景图片

如今的全屏背景确实是最广泛的设计趋势之一,无论是使用照片还是经过特别渲染的可视化效果,均是在此范围以内。这种方法无论是在视觉上,还是在情绪上都非常的吸引人。此外,它能够让所有的布局元素具有强烈的整体感。

这是 Big City Guide 的着陆页设计,背景采用的是柏林当地的著名建筑,使得整体显得优雅,信息量也足够丰富。

而这个室内设计工作室的首页,也同样采用了全屏的设计,大量的原创建模而构建出来的彩色场景所营造的背景,很好的凸显了工作室本身的性质和特点。

2. 多个可交互图层

UI设计师一直在探索各种实验性的设计,而如今就有越来越多的设计师开始在网页中加入多个叠加的可交互的图层,让用户可以同网页进行复杂的交互。相比之下,单纯的滚动浏览就显得很原始了。

这个拯救海洋为主题的网站就是这样做的。当轮播图变化的时候,其他的两个交互层也会随之而变化。另外,这种设计当中有一个分支,就是图片填充式排版,图片甚至视频被作为纹理和素材填充到文本当中,有的是静态的,有的会随着交互而移动。

3. 自定义插画

自定义插画一直广泛存在于网页和 UI设计当中,不过如今的网页和 UI 中的自定义插画会更加成熟,在可用性、直观性、隐喻和信息传达上,有着更加突出的特点。图片和插画本身会提升整个设计的可访问性,插画和文本的互相支撑,让整个设计更加统一。

自定义插画让网站的价值感得到了增强,不仅在美学上赋予网站和内容的一致感,而且在内容上显得更加突出。

add_color_illustration_tubik.jpg

就像这副插画,它是为文章《UI设计当中的3C要素:色彩,对比和内容》所设计的,这篇文章中的三个关键词分辨是色彩、对比度和内容,而这个是选取颜色作为核心的语义元素,并且非常贴合主题地选取了绘画作为插画内容的主体。在细节配色上,强烈的色彩对比又贴合了对比度这一关键词。

4. 故事和角色设计

越来越多的网站和 APP 开始试图将专门的角色/吉祥物融入到整个设计当中来,借助视觉化的插画、视频、文本甚至图标和细节来展示故事,营造氛围,传递信息,表达情绪,采用更加贴合当前语境的方式,将内容形象生动地传达给用户。这是故事和角色的优势所在。拟人化的形象能够更容易让用户产生联想,和现实世界勾连起来,承载情绪。在设计上,角色的设计也能够在视觉上,让页面更加活泼。

 

5. 分屏式设计

分屏式设计本身很早就出现过,只不过不如最近出现的这么频繁,开始广泛地出现在不同的设计作品当中。首先,分屏式设计可以很好地契合当前的响应式设计,另一方面,它本身可以在一致的设计下承载不同的内容,设计师可以在不同的色彩和布局之下,探索各种可能性。通过分屏式设计,设计师能够更好地呈现网页内容本身的二元性。

这个着陆页是为一个约会应用所设计的,采用了倾斜式的分屏设计,视觉元素和文本通过对角线分割开来,呼应之下相互依存,又保持着一致性。

6. 大胆的排版

大胆而引人瞩目的排版同样在如今的网页和 APP 当中广泛地存在,甚至于在绝大多数的情况下,它是作为最关键的视觉设计元素而存在。设计师会非常在意这些文本和排版的可读性和易读性,排版的层次结构和字体的选择,始终都是每个 UI设计师最在意的问题。

同样的,上面提到过的 Big City Guide 这个案例当中,文本字体排版被作为整个视觉中最引人瞩目的部分而拿出来。精细的裁切和大胆的选取让文本和背景元素很好地融入到一起,充满协调感和紧密的设计感。

Upper 这个应用程序的设计同样是简约的,其中并没有使用太过于独特的插画或者图形,相反,文字排版在整个 APP 的设计当中,发挥着举足轻重的作用。

7. 无按钮UI

虽然按钮仍然是目前 UI设计中最重要的元素之一,但是我们发现越来越多的设计开始在实验性的 UI 交互案例当中,开始使用无按钮的 UI 了。这种设计在节省空间的同时,采用了手势驱动式的交互,而不是点击。

这是我们的团队所制作的一个百科全书类的 APP 的概念设计,提供各种交互式的信息图表,数据和交互都采用滑动来实现的,没有加入任何按钮。

不过,绝大多数的情况下,设计师还是要倚靠按钮来进行设计的。

8. 活泼大胆的色彩

配色同样是设计师最为在意的事情之一。现如今,UI设计师从之前所追求的微妙的配色,完全过渡到对于活泼大胆的色调的追求上来了。无论是深色系配色还是浅色系配色,总会试图让配色方案尽量出彩。越来越多的设计师开始将传统的技术和创新的配色组合到一起,试图营造出更加富有表现力的视觉体验。

这是一款音乐新闻类应用的的概念设计,这款配色极为鲜亮的应用当中,囊括了包括歌词、音乐新闻和音乐测试等新鲜有趣的内容。整个 APP 给人很强的原创感,这很大程度上得益于配色和几何图形的运用。当用户在屏幕上滑动浏览的时候,图形、色彩和图标的变化,会非常抓人眼球。

9. 强化参与度的UI动画

UI界面动效是目前当之无愧的热点。虽然仍然有许多设计师会认为动效的必要性不强,动画可能会让界面变的更加复杂,但是就目前来看,动效确实对于整个交互体验有明显的提升,甚至于逐渐有成为设计中不可或缺的一部分的趋势。因此,设计师和开发者开始通力协作,试图找到在现代网页中实现有效又体验优异的动效的方法。动效和微交互搭配在一起,可以快速地为用户建立反馈,使得导航和交互变得更加直观。所有的这些,都能够强化 UI 的参与度。

这是一个用来帮助用户跟踪每天的消费,管理收支的 APP 的概念设计。采用深色系的配色和高识别度的字体,让整个设计的可读性更强也更加沉稳,动效的加入则让整个 APP 更加富有生命力,让用户感觉上更加舒适。

 

10. 带有超大图片背景的着陆页

着陆页是许多网站的重要组成部分,使用超大背景图片能够让着陆页更加引人瞩目,创造出更加富有特色的视觉。在情绪和氛围的传递上,超大图片的功能会显得非常的突出,在着陆页这样的页面当中,效果更加拔群。着陆页当红的超大图片同时可以满足多个需求:

  • 吸引用户的注意力

  • 直观的传递信息

  • 强化风格

  • 创建主题,营造氛围

  • 展示核心的特征,凸显项目属性

这就是为什么如今设计师会如此的青睐这种着陆页的设计。

下面是名为 HeartBeat 的舞蹈学院的着陆页设计。简约的布局之下,搭配带有动效的舞蹈人物背景,通过舞者的超大图片来吸引对舞蹈感兴趣的年轻人的兴趣,营造情感吸引力。

11. 海报样式的页面

海报的设计始终都是非常强调视觉吸引力的,海报式的网页和 APP 的视觉设计,同样也是强调视角、排版和气氛。选择正确的图片、时尚的排版,让布局和风格更加抓人眼球,从而达到吸引用户的目的。

Tasty Burger 这个应用程序的着陆页就是如此:通过富有表现力的字体来强化视觉,用令人垂涎的配色和美食来营造情感吸引力,凸显视觉主体的布局让用户不会错过关键的信息。

12. 实验性的配色和布局

实验性的设计从来都没有消失过,设计师努力在平庸和普遍的设计当中探索新鲜原创的配色和截然不同的布局。因为,不管怎么讲,有效的实验性配色不仅仅是因为它有着创造力,这种配色常常能够产生令人惊讶的效果,在同样的配色理论和色彩心理学中,探索出真正有趣的组合。

这个名为 The Gourmet 的网站,是一个销售草药和香料的电商网站,用户界面的布局和配色都非常的创新,这种实验性的布局在动效的加持下,营造出和其他网站截然不同的时尚感。

13. 个性化的用户体验

我们能在过去的 6 个月当中看到越来越多,逐渐成熟的个性化用户体验设计 ,设计师开始为用户提供更多的功能,这些功能都是基于用户的个人需求,提供足够宽广的自定义的空间。

Perfect Recipe 这个健康类的 APP,就能够为用户提供个性化的健康的食谱。因为每个用户的情况各不相同,有的需要健身,有的需要增重,有的需要减肥,不同的人不同需求之下必然需要完全个性化的定制,而这个应用就是为了应对这样的需求,来为用户提供真正可靠的、可信的服务。

结语

如今的设计趋势呈现出一种多样性,这得益于设计师的探索精神,而同时,不同的趋势之间还呈现出一种内在的关联性,这很大程度上源于设计师对于体验和创意的不懈追求。将设计趋势总结出来,另外一个好处在于,为正在设计的你提供设计思路。

 

 


Learn more

设计是艺术的延伸,艺术发展有自己的时间线,最近很多大热的设计风格在年龄上其实算是老奶奶了,本文根据时间脉络梳理了一下这个设计风格。

在做每一个项目或者产品时,都需要根据行业、用户、场景等确定网页或者系统的页面设计,需要了解的有网页设计风格、主题色与配色、页面元素等。

设计风格也有潮流趋势,你了解了每种设计风格的含义与内容后,才能够结合业务来确定你的产品最终采取的方案。

设计是艺术的延伸,艺术发展有自己的时间线,最近很多大热的设计风格在年龄上其实算是老奶奶了,根据时间脉络梳理一下这个设计风格,形成全面的设计认知,和公司的设计同事交流起来能够得心应手、语言相通,掌握一些设计的专业术语与良好审美,也算是产品的必修课。

一 、波普艺术

诞生时间: 20 世纪 50 年代中期

诞生地点:英国

艺术特点:明快突出的色彩、强烈的对比、很强的视觉冲击、表现方式丰富。

二、极简艺术

诞生时间: 1960 年

艺术特点:追求极致简约的呈现效果,并且不接受任何违反这一形态的任何事物,消除作品对观者的压迫力,追求形式上的简单极致、思想上的优雅。

三、孟菲斯艺术

诞生时间: 1981 年

诞生地点:意大利米兰

艺术特点:构图上打破横平竖直的线条,采用波形曲线,曲面和直线,平面的组合;在色彩上常常故意打破配色规律,喜欢用一些明快、风趣、彩度高的明亮色调,特别是粉红、粉绿等鲜艳的色彩;由点,线,面等细小的几何形体做趣味的装饰设计。反对当时非常流行的极简风格和单调冷峻的现代主义。

四、超写实艺术

诞生时间: 20 世界末

诞生地点:美国

艺术特点:真实、场景化、空间感。

五、蒸汽波艺术

诞生时间: 2010 年

诞生地点:最早兴起于日本

艺术特点:常见元素:古典雕塑、(Lo-Fi)低保真效果、Windows95 窗口样式、绿色植物、文字(常见日语文字)。随意、粗糙、制作蒸汽波作品无需画技,把喜欢的元素拼贴在一起即可。

六、MBE插画风格

诞生时间: 2015 年

诞生地点:法国设计师创建

艺术特点:圆润、呆萌、可爱有趣、简洁,演变自线框图Q版卡通画,多种插画风格中的一种。

七、Low Poly风格(低多边形风格)

诞生时间: 1996 年

艺术特点:立体、科技感、三角形,低细节,面又多又小,高度渲染,经常配以柔光效果,把多色元素,用三角形分割,每个小三角形的颜色,取自原多色元素的相应位置。起源于三维游戏中的计算机建模。

八、拟物化设计(skeuomorphism)

代表作品:iOS7. 0 以下,Android、以及iOS7. 0 以下时代的大部分app、锤子。

艺术特点:

  • 界面:模拟真实物体的材质、质感、细节、光亮等;

  • 交互:人机交互也拟物化,模拟现实中的交互方式。传达了丰富的人性化的感情,拟物化本身就是个约束,会限制功能本身的设计。

九、扁平化设计

诞生时间: 2008 年

代表作品:iOS7. 0 及以上,微软的Metro UI,Phone8,Windows8。

诞生地点:谷歌提出

艺术特点:核心意义是:去除冗余、厚重和繁杂的装饰效果。具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。简单纯色的简单组合(iOS系)、单色极简的抽象矩形色块(微软系)、大字体、光滑、现代感十足。

十、长阴影设计(Long Shadow Design)

诞生时间: 2013 年

艺术特点:长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为 45 度的投影,给对象添加了一份立体感。长阴影快速发展为流行的设计趋势,并经常被应用到扁平设计方案的对象。

这些阴影特别之处在于它们也是扁平的,网页设计师使用没有阴影、渐变的颜色来生成阴影。目前,长阴影设计主要用于较小的对象和元素,如:图标。

十一、3D风格

艺术特点:少量3D效果增加网页灵动性,在扁平化设计上,添加一些非扁平元素,给网站带来了原本缺乏的维度感。

十二、无边框风格

诞生时间:诞生时间不确定, 2017 年流行。

艺术特点:无边框风格是指那些避免使用各类边框的网页设计,这里的边框是指任何类型的装饰性容器,通过去掉这些装饰性容器,加强基本内容的设计感,比如:图片质量和排版布局,从而提升整体因无装饰性容器的视觉表现。

十三、黑板/现实桌面风格

艺术特点:黑板或者现实桌面作为背景元素,不多见,但是设计的好的话,很出彩。

十四、纵向分割

艺术特点:将屏幕一分为二甚至是多栏,在网页设计中使用新鲜的分屏式设计可以方便呈现不同的信息,创造对比,同时划分有效区域,方便用户进行快速选择和视觉聚焦。

十五、超级头版

艺术特点:取代轮播幻灯片,在首页上使用尺寸超大、迷人的精美Banner,而这个超级头版汇聚了对产品的精华总结,从而将网站最重要的内容展示给用户。

十六、像素艺术

艺术特点:强调的是一种风格,具有清晰的轮廓、明快的色彩,不受约束的风格。

十七、极繁风格

诞生时间:17~ 18 世纪

代表作品:巴洛克、洛可可

艺术特点:重复的元素,填充整个页面,裁剪和拼贴设计,大胆地运用色彩和图案来完成百分百吸人眼球的设计。

十八、欧普艺术

诞生时间: 1955 年

诞生地点:法国

艺术特点:被称为“光效应艺术”和“视幻艺术”,“会动”的幻觉图片,内容通常是线条、形状、色彩的周期组合或特殊排列,利用垂直线、水平线、曲线的交错,以及圆形、弧形、矩形等等形状的并置,引起观赏者的视觉错觉,以强烈的刺激性和新奇感致胜。

十九、抽象设计

诞生时间: 20 世纪初成为一种审美准则。

艺术特点:美感内容借由形体、线条、色彩的形式组合或结构来表现。有时抽象艺术的主题是真实存在的,但由于过分风格化、模糊化、重叠覆盖或分解至基本的形式,以至于难以辨认原貌。

设计本身是一个历史绵长的丰富的艺术表达世界之一,设计分为平面设计、环艺设计、工业设计、建筑设计、服装设计、网页设计等,设计风格与形式取决于设计应用的场景和艺术风格本源,这个世界里的内容极其丰富,抓住一条脉络可以深挖下去,我们根据脉络培养审美即可。

我们在进行产品建设中,网页UI设计有集美貌与才华于一身的UI设计师来做,实现有集美貌与才华于一身的前端工程师来做。

但是作为产品汪,对于整体的页面风格还需要有一定的认知,能够根据UI设计师需要的设计需求来收集用户需求与数据、应用场景、产品本身特质,在网页设计上也不能一味追求潮流,而是要综合自己产品的实际情况与行业产品气质进行选择。

欢迎拍砖,一起进步。

Learn more

QQ截图20180723095330.jpg

2009 年,雅芳决定对整个订单管理系统进行彻底改革。它花了四年时间和1. 25 亿美元,从头开始设计和构建一个新系统。该系统承诺让所有产品对客户和销售人员都更高效、更容易使用,从而节约成本,提高客户满意度。

但当雅芳在 2013 年最终推出试点项目时,用户告诉该公司的情况则不同。

事实证明,雅芳花了数百万美元创建了一个令人费解、令人困惑的系统,没有人愿意使用这个系统。结果,雅芳很快就放弃了整个产品。

所以是什么出了问题?

答案相当简单:雅芳太专注于产品的功能集和“新”的概念,以至于忘记了谁会使用它。雅芳犯的错误很简单,但很多公司都犯过这样的错误:它没有在设计过程中融入同理心。

换位思考的重要性

Steve Jobs-ian的理想设计师概念是在用户体验世界中赫赫有名的设计师,他是一个独行侠,在顾客自己还不知道他们想要什么之前,就知道他们想要什么。但事实是,很少有设计师能够真正做到这一点(事实上,就连史蒂夫•乔布斯(Steve Jobs)也时不时地听取客户的意见)。

创建一个能够满足不同年龄和背景的人的用户体验,需要对人们日常使用技术的方式和原因有深刻的理解。

同理心是创建一个真正让用户满意的用户体验的关键,一个真正具有同理心的用户体验甚至在产品设计之前,就已经开始了。

移情始于“为什么”

在弄清楚他们的产品需要什么特性之前,在决定一个配色方案或一个目标平台之前,对公司来说了解他们为什么要尝试创建一个新产品是很重要的。

这似乎是一个显而易见的问题,但企业往往不加思索地投入到新产品中,仅仅是因为它们在追随潮流,或者对创造新的、酷的东西感兴趣。问自己为什么想要创建一些东西是成功的UX设计的第一步,也是关注用户而不是设计师的第一步。

Tinder就是一个很好的例子,这家公司在介入之前会问自己“为什么”。它不仅仅是“另一个约会应用”——它发现了当前约会应用的问题所在,并着手解决这些问题。

Tinder的创始人知道,人们不希望查看网格或随机面孔列表,他们想要相关性和成就感。他们想要挑剔、挑剔,感觉自己真的在进步。

Tinder关注的是功能上的简单——一次一个脸,只有两个动作:向右滑动或向左滑动。

Tinder利用用户在约会过程中的感受(以及基本的人类行为)创建了一款应用程序,尽管数十家竞争对手已经将其推向市场,Tinder知道为什么需要它。

在进入设计阶段之前,UX专业人员必须自问:

  • 为什么这个区域需要一个新的软件?

  • 为什么用户会寻找不同的东西?

  • 为什么这种方法是更好的解决方案?

拥有这些答案不仅可以帮助设计师们巩固他们想要创造的产品——它们也是用同理心设计的第一步。

去除刻板印象,展望未来

虽然知道产品的“为什么”会提供指导,但并不一定保证用户体验的成功。开发一种移情的设计方法,意味着设计师必须真正地站在消费者的立场上,他们需要了解他们的内在和外在——作为真实的、活着的人,而不仅仅是“商人”或“少女”的刻板印象。

确保定义:

  • 用户是谁——年龄、性别、职业、喜恶。

  • 他们使用产品的理由是什么以及他们从竞争对手中得不到什么。

  • 该应用将如何解决这个问题,以节省用户的时间和提供他们的乐趣。

  • 他们经常使用的其他软件或产品。

不要仅仅通过焦点小组找到这些定义——通过社交媒体和现实世界自然地与用户互动,阅读他们所说的话,找出他们正在使用的软件片段,通过他们与世界分享的频率来发现他们最喜欢的东西。

如果用户体验专业人士感觉自己很勇敢,他们甚至可以联系他们,并就他们试图解决的问题展开对话。一旦他们深入了解了自己的人口统计数据,他们就能通过调查和焦点群体中,经常看到的模棱两可的陈述,比如:“我只是想让它更好地工作”,来发现它的真正含义。

同理心指的是全面了解情况,而不仅仅是从调查中收集答案。这可以让用户体验设计师更接近客户真正想要的,并将他们的设计引向正确的方向,他们的故事不必像雅芳那样结束,一点同理心可以大有帮助。

原文作者:Q Manning

Learn more

如果你是一家初创公司,这意味着你的资源有限,当然你迫切需要客户,又想低成本的获取潜在的用户,那么最好的选择就是搜索引擎优化,其实它并不复杂,自然搜索流量往往会带来高质量的用户,特别是在付费推广频频出现问题的情况下!  

那么,随着各大搜索引擎百度、360、搜狗算法的不断调整与社交媒体不断推陈出新,我们该如何制定一份详细的SEO计划书呢?  

在除了这些简单的基础研究,我们往往会把更有限的资源投放到你的目标用户群体上:

1、网站为目标用户提供什么有价值的内容?  

2、我们网站是否解答了客户的问题?  

3、人们在我们的网站上可以找到更多的东西吗?  

4、一旦明确了你的网站目的,了解了你的目标用户群体,很显然下一步,你需要进行关键词的挖掘,并合理的分配到整站栏目中!  

那么如何选择目标关键词,你可以通过如下几种方法:  

1、百度指数,推广账号下的关键词筛选工具  

2、chinaz的站长工具  

3、词库网  

4、竞争对手的关键词  

作为初创的公司,你的域名以及一切理论上都是新的,几乎没有任何权重,所以初期阶段你需要选择竞争度不是特别大关键词,最好是长尾关键词!  

当整理好关键词组,并合理的规划分配到各个栏目后,你需要做的就是关注内容页面的相关设置:  

1、页面标题的设置  

2、H1-H3的合理分配  

3、内部锚文本数量控制  

4、TAG标签页面的调用  

5、检查robots.txt和sitemap以及nofollow标签的使用  

当然,如果你仅仅只有一个单独的页面,你需要考虑的是如何保持这个页面频繁的更新,这里推荐留言板是一个不错的选择!  

一旦你的网站基础框架基本搭建完毕,那么你就可以对外公布你的站点,可以通过如下渠道:  

1、社交媒体  

如果你的用户大部分存在于社交媒体平台,那么你应该重点将这部分内容,推送到社交媒体平台。  

2、外链建设  

外部链接渠道有很多,目前外部链接并不要求数量,尽量提高相关质量与相关性! 

Learn more

注:设计趋势必须谨慎使用。就像许多流行趋势一样迅的速流行起来;但是他们可能会失宠,让设计感觉过时。

 

不要完全忽略设计趋势 – 测试趋势可以伸展你的创造力,帮助你创造一些你可能没有尝试过的东西。 但要注意什么是新鲜的,什么是永恒的,什么是过时的! 这里有五个设计趋势已经过时(或者应该是)。

一、“复古”设计

 

有一段时间,似乎每一个设计趋势都是从“年份”开始的。老式的版式, 葡萄酒颜色, 复古的纹理。复古风格的问题是复杂的外观太多了。在现代和简约的大趋势之下,这些复古元素已经开始让人觉得格格不入了。

复古元素的特点包括:

  • 粗糙的图像和文字

  • 带有大量装饰性笔触和花边的手写字体

  • 暗哑的配色

  • 高度纹理的背景

虽然这些手法都是很不错,但它们给网站设计带来了挑战。极简风格受到大家的喜欢很大程度上是因为它们在功能性和可读性上的突出表现。相比之下,过于复古的元素常常会在直观性上不如简约现代的设计,这也是影响它流行性的一个重要原因。

二、超细字体

 

这可能是苹果公司一直以来最大的错误之一——在操作系统中使用超细字体。当苹果因可读性问题而更换字体后,超细字体字体已经流行开来,而且很多网站仍然使用它们。

超细字体在屏幕上很难阅读。

超细字体虽然看起来足够优雅,但是在背景和前景色彩对比度不足的时候,整个阅读体验几乎是灾难性的。

如果你的网站正在使用的文本字体是超细的版本的话,尽量先替换为同族字体中常规粗细的版本。如果你有观察过最新的网页设计作品的话,会发现现在网站字体的笔触几乎没有用超细的,而且在字号上还会设置得比以往更大。

三、轮播首图

 

你真的回去主动点击轮播首图呢?尤其是当其中有六张甚至更多不同的高清大图的时候?

绝大多数的用户只会是看看而已。

早在 2013 年的时候,Nielsen Norman Group 就为此做过一项用户调研,发现即使这些首图足够大,用户也常常忽略,因为轮播图这种设计本身就很难让用户关注到其中的关键信息。

相比之下,如果将首屏的轮播图替换成单个首图,并且搭配上CTA按钮,效果会好很多。用户不再会被多个首图进行信息轰炸,而单一的选择给用户的路径也更为清晰直观。

对于绝大多数的用户而言,他们会看到自己感兴趣的内容就会点击。这些自动轮播的多图首屏所带来的一个直接的问题就是在于,你根本不知道用户会点击哪张图片,用户因此可能会错过他们感兴趣的内容,如果他们愿意探索,轮播图带给他们的工作量又会相对较大,也就是说这种设计本身就容易失控。

选择一个覆盖面较广的高清大图、插画或者较短的背景视频,相比于 6 个轮播图所带来的效果会更加直观有效,也更加富有凝聚力。

 

四、高清视频背景

 

全屏电影风格的视频可以吸引人,但它不适用于许多用户消化网页内容的方式。

更重要的问题在于:现如今对于媒体素质的要求越来越高,当你使用视频背景的时候,它必须是高清的。

对于桌面端用户而言,在光纤加持下,等待几秒加载一个高清视频背景并没有太大压力;可是对于移动端用户而言,这个视频媒体就是个超重的媒体内容了,视频背景的体验会非常令人着急。

这些都是您不想出现的问题,因为它们可能会影响用户是否坚持使用。

高清视频背景给用户带来的问题不止是这一点。许多时候,视频所带来的附加媒体就是声音,但是在很多场合下,用户是不想也不愿意听到声音的。有的直接是因为设备原因,无法播出音频。不论是何种原因,用户的需求和实际的体验无法真正对接起来。

尽量让视频背景不要成为网站体验的唯一支撑,或者主要的设计元素。使用它来营造第一印象,最终所导致的结果,其实很难说。

五、超多的图标

 

在设计项目中停止疯狂的图标。

虽然一套很棒的图标可以成为一个有用的工具,但只有在通用的理解和服务的目的下才能使用它们。 用图标打包设计来创建视觉元素是没有用的。

大多数网站只需要少数几个图标 – 用于社交媒体,购物车,搜索等。而且它们不必是大的或者花哨的。 一组简单的图标就足够了。

记住你为什么使用图标。 它们作为用户最容易理解的提示。 图标不应该是设计的主要部分; 他们应该是微妙的,简单的,差不多融入背景的。

必须承认,图标很好用,但是现在我们所看到的大量图标都是处于被滥用的状态,而非合理的运用,这导致图标最终沦为了视觉装饰。不过,这种局面最终还是得到了改善。

六、结论

谈及时髦和流行的元素的时候,我们一定要多留一个心眼。勇于尝试新事物,也要密切关注它是否已经开始过时。这样才能让你的设计项目恰到好处。

 


Learn more