首页

5个小技巧,用动效提升界面的用户体验就这么简单

周周

动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点:

“我们设计的不再仅仅只是静态的界面,实际上,我们所设计的是用户从界面获得内容的过程。”

动效广泛运用于网页内容和背景当中,用来强化功能,提升美感:它会直接影响用户的行为,引导用户注意到特定的内容,呈现状态,帮助用户找到他们想要的内容,达成目标。想要借助动效提升用户体验,可以参考下面的指引来进行优化:

选择 Reac​​tJS 的五大理由

蓝蓝

ReactJS是一个开源的JavaScript库,并且由Facebook和Instagram这样的顶尖IT企业以及开发者社区所维护。该框架广泛使用于为web应用程序开发用户界面的时候。这个特殊的框架被发明时带有这样一个目的:

“构建数据随着时间的推移一次又一次改变的大型应用程序。”

我们经常使用的工具有很多,但只有少数彻底改变了我们的工作流程。ReactJS就是其中之一。随着现在可用框架变得越来越多,我们很难找到一个最终不会穷途末路的框架。这就是为什么在ValueCoders我们建议去往React。

01.png

【原创】SEO之浅析搜索引擎的规则

分享达人

在seo中,经常会提到两个名词:“搜索引擎规则”和“搜索引擎算法”,很多人都认为,只要熟悉了搜索引擎的规则和算法,就可以提升网站的排名,从而带来大量的流量。那么搜索引擎的规则是什么呢?

很多人会告诉你,页面的关键词密度要控制在2%—8%之间、要多做伪原创,外链等。按照这些方法做了,关键词排名就一定会上升吗?事实告诉我们,很多人这样做了,不但关键词没有上去,甚至被惩罚了,这是为什么呢?

UI设计之如何再造交互设计

分享达人

关于如何再造交互设计,我们搜寻了一些网络资料,再加上我们做10余年UI设计的经验,总结了以下八个方面,希望可以为设计师们带来一定的帮助:

1、定目的:确定设计目的。

笔者始终认为,任何设计的核心在于目的,基于目的的设计,才能避免无效设计,可以根据产品定位或服务主旨等来制定目的,比如上文提到的星巴克,它的产品是咖啡,但是核心卖点其实是服务体验,它希望每位客人都感觉宾至如归,所以它的交互或服务设计目的就是给客人完善贴心的服务体验。

四个帮你提高UI设计效率的工作技巧

分享达人

一、了解工程实作的基本原理

许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。

但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有(而且不见得是正确的)。

巴别塔的故事大家几乎都听过,会造成沟通问题的原因很简单,就是讲的「语言」不同,而非思考方式不一样——无论是什么领域,要成为佼佼者,都必须具备高度的创造和想象能力,而设计更是非常讲求逻辑的行为。

绝对不能错过!2016 年最流行的8个UI设计趋势分析

周周

进入2016年后,我们会发现行业在体验设计上出现了很多新的元素,从我们平时经常浏览的设计社区中,这些新元素出现的频率越来越高,比如彩色投影、双色调渐变设计等,我们也慢慢开始接受这些新变化,并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析,能对我们平时的工作能产生一定的指导作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似,也符合时下流行的扁平化和现代风的设计,设计效果十分的赏心悦目,可以很好的和幽灵按钮以及时下流行的元素搭配起来,提升用户体验。

以淘宝电影为例,采用的是虚化电影海报作为背景,这样做的好处是每一个页面的头部效果都不一样,这样的排版视觉效果更佳,同样也突出电影信息等主要内容。从设计的角度来看,这也很容易实现,让内容模块变的清晰,同时可以规避复杂的设计,还可以降低设计成本,花最少的时间达到最大的效果。

uisdc-trend-2016-10-11

5大黄金准则帮你设计移动端邮件

分享达人

用移动端收邮件的人越来越多,如何令邮件变得清晰易读也成了一个设计难点。今天分享5个实战经验中总结的设计准则,帮你搞定小屏幕上的邮件设计 。

移动设备上的邮件设计不仅仅是一个内容填充列表,它涉及诸多设计元素。

对于移动设备的设计从来不是一件简单的事情。人们采用不同的方式使用网络,我们需要考虑一个全面的方案,特别是在小屏幕上使用邮件。

优秀设计师应该知道的10大UI设计原则(下篇)

分享达人

上一篇我们整理了优秀设计师应该知道的10大设计原则上篇供大家学习,今天,我们又整理了下篇的10大原则来和大家一块探讨,也欢迎广大UI设计者参与讨论,给我们多提宝贵的意见。

1)强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序,那么应该通过强烈的视觉层次感来实现。也就是说,如果用户每次都按照相同的顺序浏览同样的东西,视觉层次感不明显的话,用户不知道哪里才是目光应当停留的重点,最终只会让用户感到一团糟。在不断变更设计的情况下,很难保持明确的层次关系,因为所有的元素层次关系都是相对的:如果所有的元素都突出显示,最后就相当于没有重点可言。如果要添加一个需要特别突出的元素,为了再次实现明确的视觉层级,设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次,但这是增强设计的最简单的方法。

【原创】SEO选词的具体方法

分享达人

众所周知,做SEO,成功的关键在于选词。词选不对,后续的工作做太多也只能是效果甚微甚至以失败而告终。所以,今天就来简单分享下SEO选词的一些具体方法。

首先选词要把握好三个要点:

能用HTML/CSS解决的问题就不要使用JS

蓝蓝

为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。

1. 导航高亮

导航高亮是一种很常见的问题,包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制,但是用一点CSS技巧就可以达到这个目的,不需要使用JS。

1.png

2.png

在正常态时,每个导航的默认样式为:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档