忠于品牌,精于技术

作者 : 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

今后,每一次推送都将变成公众号的一次“体检”,各色内容被放到读者的案板上,稍不顺眼就有被“取关离场”的风险。公众号运营者们在屏幕前瑟瑟发抖。

昨天(2018-06-20)下午,iOS平台的微信更新,更新内容中只有一项:可以直接浏览订阅号的消息。

其次,邦哥取关某公众号,其在信息流中的内容立刻消失了。

这些现象无疑证明了邦哥的猜测,在内容获取策略上,微信没有作任何调整。仍然仅为服务器端“推送”,没有加入客户端“请求”的逻辑。

然而在内容展示策略上,微信作出了非常大的调整。之前的逻辑是,点进公众号,点开文章;现在变成了各家的文章都在同一个界面展示,打破了微信公众号之间的壁垒,成了一种类“信息流”的形式。

只是,微信的信息流中的“信息”均源自本地数据,并且没有转发、评论、点赞等等信息流产品的标配功能。

打个比方,就像是本来图书馆里会根据书籍不同的类型进行分区摆放,杂志区、小说区、工具书区等等,现在微信说这样不好,于是将所有书籍按照“出版日期”一字排开供你取阅。

▲一字排开

理解了“微信信息流”的概念,接下来我们看看微信具体进行了哪些调整。

2、产品策略

如图所示,微信公众号的界面大概可以分为A、C两个区域。

A区域左侧是返回按钮,右侧按钮则会进入到“旧”的公众号列表页。

C区是内容展示区。由于每家公众号的单次推送独立成文,所以又可以细分为C1、C2、C3...Cn 个区域。

C区的每个小区,头部左侧是公众号LOGO及名称,右侧是推送时间。主体部分显示公众号的推送内容,包含封面和标题。

这里有几点调整非常值得注意。

1、信息流默认仅展示前两条推送内容

如图所示,今天(2018-06-21)早晨,邦哥的第一次推送(没错,邦哥每天能推送三次

)包含四篇文章,而微信默认仅显示前两条,而后两条则处于折叠状态。

展开之后,会显示全部推送文章,并且不可回折。

值得注意的是,在微信公众号列表页,取消了对未读消息的计数。

2、取关公众号功能加强

在信息流界面,只需要右划公众号名称,就可以很容易取消关注该公众号。

▲右划取消关注

此外,公众号主页也进行了调整,原本只有“发消息”一个按钮存在。

调整之后,变成了两个按钮:“进入公众号”和“取消关注”。

其中“进入公众号”功能与“发消息”雷同。

但是“取消关注”功能从右上角的拓展按钮,直接放到了主页面!微信这样的调整让邦哥脊背阵阵发凉,这样调整,显然有引导粉丝取关公众号的意图。

3、“置顶”带来的“优先阅读权”被取消

首先,这个星标是不支持点击操作的,只能点击公众号主页右上角的按钮进行相关设置。

其次,“星标功能”是“置顶功能”的降权产物。

由于改成信息流样式之后,即便是原来置顶的公众号也无一例外地被排进了时间线,“置顶”两字名不副实,于是才有了“星标”策略。

星标仅能凸显出该公众号在粉丝心目中特殊的位置,不再拥有优先阅读的特权,聊胜于无。

4、消息功能加强

粉丝是可以同微信公众号主动聊天的,不管是发送文字、语音、图片、视频,在公众号的后台都能看到。如果公众号的运营人员对粉丝进行回复,用户的手机界面将会出现下图样式。

▲很像朋友圈有木有

综上,微信这次对公众号的调整虽然目前仅限于展示层,但其背后的意图非常值得深思,是微信公众号生态调整的第一步。

3、影响

根据“2017年微信数据报告”显示,微信公众号的月活跃数达到了350万个,公众号粉丝月活数接近8亿人。

不管多么细微的调整,都影响着数以百万计的公众号,千万计的公众号从业者,以及亿计的公众号读者。

作为腾讯最重要的战略产品、尤其是在如此巨大体量之下,微信的每一次功能调整都谨小慎微,深给人“治大国如烹小鲜”之感。

关于这次调整的影响,可以分成两部分看待。

第一、对于读者的影响

轻芒的王俊煜在此次微信公众号功能调整之后,关于读者类型做了一个问卷调查。

其中“每天全看完”、“关注了也不看”两个选项理所当然地垫底。

而最多的两种读者是“每天会挑一些自己喜欢的文章看完”、“隔段时间会看集中看完自己喜欢但更新量不大的公众号”。

虽然这次的投票覆盖范围不够广,基数也不够大。但是邦哥在简单询问了一些朋友之后也大致得出了相同的结论。

即,主流的公众号读者分两种:“每天挑着看”和“有空屯着看”。

当浏览界面改成信息流模式之后,对读者而言,“每天挑着看”的人群影响微乎其微,甚至可以说增强了这部分人的体验,因为省去了点击公众号头像再进入文章列表的繁琐操作。

其次,预计公众号个体体量将缩小。由于目前微信公众号信息流产品策略是仅展示前两条推送内容,所以三条及后续内容将不可避免地面临无法露出的窘境。

考虑到很多公众号都推送两条以上的内容,而且大部分微信公众号的变现渠道有限,尾部带几条广告是再正常不过的选择。

而微信的这一策略无疑对这类公众号,尤其是头部公众号的利益造成了巨大损害,无异于“釜底抽薪”。

这样的很可能的结果是,大部分公众号会逐渐变得“轻量”,进而其影响力也会降低,在没有更多露出渠道之前,会保持一个相对轻资产的运作。

当然这里的“轻量”是同“报社”、“杂志社”相比较的,微信想要维持一个相对公平的竞争环境,这样做显然也是无奈之举。

4、最后

今后,每一次推送都将变成公众号的一次“体检”,各色内容被放到读者的案板上,稍不顺眼就有被“取关离场”的风险。公众号运营者们在屏幕前瑟瑟发抖。

然而与此同时,优质的内容会被无条件保留下来,接受读者的赞赏。

作为从业者的邦哥深感压力陡增的同时,也对未来充满了向往,因为这条路虽然坎坷,却公平。只要自身内容质量过硬,必然越走越宽。

Learn more

网站优化的目的是为了能够让网站的排名得到提升,这样用户在进行信息搜索的时候能够在前面看到网站。当然了,网站优化的方面有很多,比如说关键词的优化、内容的优化、架构的优化等等。网站优化工作是一刻也不能停歇的工作,这样才能确保网站一定的市场竞争力。网站优化的工作是不能缺少的,它的重要性想必大家都是十分清楚的。今天,上海网站优化公司要来与大家分享的便是关键词的优化方式。

标题关键词优化

对于搜索引擎来说,标题关键词是非常重要的,因为一般在搜索关键词的时候最先显示出来的便是标题。标题可以这样理解,它就是整个网站内容的一个简要概括,通过简短的语句来表明文章的内容。为此,在进行网站关键词优化的时候,一定要将关键词放在标题的最前面。相对来说能够在一定程度上提升权重,有利于网站排名的上升。

网页描述关键词优化

如果对于网站有过研究的朋友不难发现,每一个网站的页面都会有一个摘要,就是网站排名靠前的一些内容。用户通过搜索引擎进行网站搜索的时候,在网站标题的下面会出现一些摘要。为此,网页描述关键词也是比较重要的存在。虽然它对于提升网站的权重没有什么影响力,但是能够增加放置关键词的位置,这样一来被搜索到的机率也在提升,也是不能忽视的一个关键词优化的位置。

超链接文本关键词优化

网站建立初期,为了能够被大众快速知晓增加访问量,大多数网站都会放置大量的优秀的外部链接。可以这么理解,将一些与网站主题相关的网站链接放到自己的网站中,一旦这些网站被搜索到,自己的网站也就顺带着被知晓。为此,对于超链接文本的关键词优化也是非常重要的。在相关网页中提现网站的关键词,一定程度上能够增加网站被搜索到的机率,提成网站的排名。

网站内容关键词优化

关键词除了以上的优化以外,内容关键词优化是最为重要的存在。将关键词融入文章的内容中,在开篇、中间以及结尾处都放置相应的关键词,增加它的出现机率。要知道网站搜索的时候,会根据关键词的契合度以及数量来决定排名的。网站内容较长能够放置较多的关键词,这个是相对来说比较好的优化。

以上便是上海网站优化公司要告知大家有关网站优化中关键词的优化方式,关键词可以出现在网站的标题中、网站的摘要中、超链接文本汇总以及网站的内容中。不断的增加关键词放置的位置,这样才能有效的保证其能够被大众搜索到,同时有较高的排名。希望以上的内容能够帮助大家今后对于关键词的优化工作,提升网站的排名。

Learn more

对网站建设的一些概念,很多人都是模糊的,实际上外行人很难分清它们的不同,只有行内人士才知道到底是怎么回事。以网站设计和网站建设为例,很多人都觉得是一回事,所以对网络公司收两分钱感到不满,认为公司是在趁机多要钱。对此,上海网站设计公司表示,网站设计和网站建设不是一回事,不能混为一谈。那么,到底什么是网站设计?什么是网站建设呢?两者有什么区别呢?

什么是网站设计

网站设计的主要目的是通过对网站的设计吸引访客,让访客产生视觉上的愉悦感,也就是所谓的用户体验度。在创造网页的时候,必须要将网站的整体设计和网页设计原理结合起来,通过艺术手法将策划内容、主题模式以及其他东西都一一展示出来。

网站设计要做的准备

1、准备内容,想一个好的网址;

2、设计网页,上海网站设计公司指出,蜘蛛抓取网页,主要是靠站长的设计,它无法检索你文档中的文字,图片,只能靠代码来抓取。另外,网页的大小尽量在15K以下,能小不能大。不过,也不能在5K以下,否则会影响内容的平整。

3、内容方面,必须要建立一个500到1000字的网页,这个网页中包含重要关键词,对日后的检索有很大的帮助。如果不知道该怎么做,可以用搜索引擎相关搜索来做。

什么是网站建设

网站建设是指通过设计、建模以及执行操作,将电子信息转化成图形用户界面,最终被用户所浏览。网站建设涵盖的范围非常广,很多技能和学科都会融入到生产和维护当中。且不同的领域、界面设计、创造,、标准化代码、用户设计、搜索引擎优化等,都需要建站人员考虑到。

建站的流程

1、设定目标

在建站之前,首先要设定一个目标,这个目标并不是随随便便设置的,而是根据客户的需求和行业特点设定的。比如,有的客户想要做一个漂亮的网站,那么,何为漂亮的网站?你认为漂亮的网站,人家会认为漂亮吗?所以,在建站之前,首先要问问自己,为什么要建站,建站的目的是什么?想要吸引哪些人来访问,带来怎样的效果。

2、整理内容

确定好目标之后,接下来要做的就是整理内容。整理内容包含很多方面,文章、图片、视频都是其中之一。还有网站的结构、功能,都要考虑并整理好。

网站建设和网站设计的不同

一、设计是网站的前端,主要用来描述网站,并不是一个简单的页面。而网站建设则是通过不同领域的网页设计、图形设计、界面设计、创造等,将其融合在一起,形成一个大网站。

二、网站建设比网站设计更有局限性,且更倾向于模板建站,设计则是一种理解,范围比较广。

三、网站建设比网站设计要便宜很多,因为都是套现成的模板,所以制作非常快。而网站设计是为公司量身定做,价格一般是建站的十几倍甚至几十倍,他的工作内容也非常多,包括前期策划、后期美工、品牌宣传等。

如果只是企业宣传,一个博客、模板就可以搞定,不用花太多钱。如果为了长期发展,最好是找北京网站设计公司设计一个属于自己的网站,对未来发展更有好处。

Learn more

农本方中医诊所是培力控股有限公司的附属机构(股票代码: 1498),培力除备有一系列浓缩中药配方颗粒予专业中医师作处方用途及一套完善全面的「农本方智能中医诊所管理及配药系统」之外,亦建立旗下农本方品牌的中医诊所,提供各项现代化中医服务。

农本方中医诊所揉合传统的中医药理念、专业中医师精湛之医术、先进的设备,并配以安全有效、服用方便的即冲浓缩中药配方颗粒及现代化诊所管理系统,为病人提供优质及可靠的中医门诊服务。

农本方中医诊所遍布全球

目前香港设有66间农本方中医诊所,是*全港最大的中医连锁集团,并且在北京、上海、南宁、日本、加拿大及澳大利亚均设有据点。我们通过将中草药创新及现代化,致力为人类带来更长寿、更健康及更美好的生活。

服务项目:
微信公众号代运营
微博代运营
软文营销

农本方

Learn more

小程序现在已经成为了互联网圈的热门讨论对象。从 2017 年 1 月登场,到之后被称为鸡肋,再到现在反叛逆袭称为互联网圈的大热点,小程序经历了不小的高低起伏。目前,旅游酒店、娱乐休闲、运动健身、美容美发、餐饮、教育、婚纱摄影、商城、零售等消费类型的企业是微信小程序的最佳使用者,当然也不能否认小程序在其他行业的应用,将来各行各业都用户小程序都是极有可能的。

小程序该怎么去细致分类?我们正在使用的小程序属于哪类?怎么精准定位呢?下面来看看。

一. 新零售商城小程序

新零售小程序作为对传统电商官网、淘宝、京东等店铺的补充商城产品,通过微信9亿流量打造线上新零售商城系统,让企业不再付高额的电商平台费用,更好的配置资源。

二. 企业展示型小程序

企业都有PC端官网、手机站,现在微信小程序的入口,让企业可以通过小程序去展示网站内容,进行微信搜索引擎的宣传入口。

三. 工具类小程序

小程序最适用的场景应该是“刚需”“低频”,现在很多工具类的app,我们平时不会经常用,但是没有删,是怕有一天会用,而工具类小程序正好解决了这个痛点。比如说购买车票的app,一般都只会回家才会用到等等。

四. 生活服务类小程序

生活服务类的app,一般都是刚需高频的使用效率,例如美食、休闲、娱乐等等,定制微信小程序,以微信接口,通过微信流量增加更大的商机。

五. O2O类小程序

很多商家都是做了线下没有布局线上,做了线上丢了线下,联合商家,做多渠道、多平台建立行业生态圈,通过商家联盟联O2O线上小程序布局,将会是完全不一样的局面。

六.服务预定类小程序

服务预定类小程序也是近期较火的小程序分类。一般来说都是展示自己的店铺地址、服务内容,并且可以预定服务时间和项目。这样对于先预约再消费是一个很好的渠道展现方式,例如美容美发、家政清洁、搬家等都可以做小程序。服务预订小程序,让服务更加便捷。

七.互动功能类小程序

互动功能类小程序是近期刷屏最多的小程序,这类上线的小程序,包含社交属性,可以进行线上互动。例如匿名悄悄话、匿名吐槽、游戏助手(狼人杀等)、口红试色等。但是这类小程序容易遭腾讯屏蔽,需要依照微信规则来进行开发和推广。

八.文章资讯类小程序

文章资讯类小程序适合做自媒体的人,通过文章资讯类的小程序可以同步微信公众号的内容,并且无论是 iPhone 还是安卓手机,都依然可以直接打赏,跳过苹果的规则,体验也非常迅捷受到自媒体圈内热烈追捧。

目前,小程序应用较多的场景就是场景应用、工具类、生活服务三类,而这三类的行业繁盛众多。如果这三类行业你还没有入驻小程序,那么你也就落后发展一大截了,同行比你先一步享受微信小程序的流量红利,越早注册,小程序排名越靠前,咨询量也会增多。以下是八大类适用于微信小程序的行业!

Learn more