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

2016-9-30 浩浩 交互设计及用户体验

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

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

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

阅读全文>>

标签: 用户体验 动效

评论(0) 浏览(401)

给页面一点时间

2016-9-30 用心设计 移动设备ui及体验

那什么是启动页呢?记不记得当你新下载/更新一款应用程序首次打开时,在程序启动过程中第一次被你那钛合金眼看到的那些过渡页面?那些页面都被称呼为“启动页(loading screen)”,但是因为启动页的持续时间一般都很短,就跟lol里的闪现一样,所以也被称之为“闪屏(splash screen)”。就像蚯蚓在中药里还被称呼成“地龙”(开边地龙、广地龙)一样,只是对同一件事物的不同称呼。个人认为别人称呼启动页,俺们就一定要称呼成闪屏,就为了傲娇一把。

Image title

阅读全文>>

标签: 用户体验 交互设计 万达主管,万达主管QQ 启动页 视觉 引导页

评论(0) 浏览(342)

选择 ReactJS 的五大理由

2016-9-30 小龙 前端技术资源

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

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

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

01.png

阅读全文>>

标签: javascript ReactJS

评论(0) 浏览(361)

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

2016-9-30 分享达人 see优化

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

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

阅读全文>>

标签: seo

评论(0) 浏览(472)

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

2016-9-30 分享达人 设计理念

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

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

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

阅读全文>>

标签: 交互设计 ui设计

评论(0) 浏览(798)

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

2016-9-30 分享达人 设计理念

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

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

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

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

阅读全文>>

标签: ui设计

评论(0) 浏览(751)

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

2016-9-29 浩浩 移动设备ui及体验

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

一、使用模糊背景

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

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

uisdc-trend-2016-10-11

阅读全文>>

标签: 设计趋势 ui设计

评论(0) 浏览(413)

你的项目用过哪些布局呢?

2016-9-29 用心设计 移动设备ui及体验

的项目用了哪些布局展示?


有过完整项目的小伙伴,此时可能在想我用了....(此处省略n个答案)。


其实我们随便打开一个app,都能看到各种各样的布局。但是属于哪一类布局就有点说不清楚了(我也是恶补了一下才知道,原来是这样啊........--!!


专业的人员把布局分成8类(目前我查到的

Image title

阅读全文>>

标签: 用户体验 万达主管,万达主管QQ app 经验 移动端布局

评论(0) 浏览(370)

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

2016-9-29 分享达人 设计理念

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

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

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

阅读全文>>

标签: ui设计

评论(0) 浏览(342)

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

2016-9-29 分享达人 设计理念

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

1)强烈的视觉层次感

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

阅读全文>>

标签: ui设计 设计原则

评论(0) 浏览(413)

Powered by emlog 京ICP备12006971号-1 sitemap
友情链接:万达娱乐主管  万达娱乐登录  万达开户  万达娱乐招商  万达娱乐注册  万达主管  万达注册  万达登录  万达娱乐主管QQ