DY点线面

  • 首页
  • blog
  • 设计导航
  • 下载
  • 吾爱淘
  • 关于
用户体验
用户体验

【译】20个免费的网页加载动画

没有人喜欢等待页面加载,滑块或任何其它的加载形式。然而,有一些方法可以使加载更吸引用户,动画的应用在这方面发挥了重要作用。 今天,我们选择了20款免费动画加载形式分享给大家,一般以CSS3、HTML5或jQuery创建。这些将有助于用户直观的适应加载过程,从而提高网站或应用整体用户体验。 Single Element CSS Spinners 一段纯css代码实现的效果,简单易用,可以直接加在页面中。 CSS Rainbow Loader 这是一个用纯CSS实现的彩虹加载效果,采用了圆润的设计和鲜艳的色彩。让网站充…

2016年10月05日 0条评论 339点热度 1人点赞 阅读全文
用户体验

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

  动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点: “我们设计的不再仅仅只是静态的界面,实际上,我们所设计的是用户从界面获得内容的过程。” 动效广泛运用于网页内容和背景当中,用来强化功能,提升美感:它会直接影响用户的行为,引导用户注意到特定的内容…

2016年10月02日 0条评论 243点热度 1人点赞 阅读全文
HTML5

【H5页面设计二】寻找万名妙龄少女页面设计

2016年08月31日 0条评论 212点热度 53人点赞 阅读全文
用户体验

50个独具创意的网页页头设计

一个精心设计的网页头部很容易吸引受众的注意力,这应该是网页设计主要目标。 一旦你引起别人的注意,同时也抓住他们的兴趣和好奇心,他们就有可能在你网站上停留更多的时间,甚至再次回来浏览。 当然,如果没有一个合适的标题,也难以做到这一点。所以设计一个有趣的header,是我们的首要任务之一。 The Everywhereist Trent Walton Premium Pixels I am a food blog Keiko Lynn Five o’clock cocktails Floret Flowers Home…

2016年02月03日 0条评论 425点热度 0人点赞 阅读全文
文章

六种最常见的用户体验设计错误

越来越多的同学开始着迷UX/UI设计,这个领域的高手和爱好者也越来越多。于是大量新的想法、设计流程、设计手法以及形形色色的“原则”开始出现在这个领域当中,用良莠不齐这个词来形容UX领域其实非常恰当。用户体验设计需要你作出艰难的决定,成为优秀的设计师并不容易,你需要从错误中不断汲取经验教训,成就自己。人们总是犯着类似的错误,新的思路听起来很不错,但是并不足以成为用户体验设计的标准,但是也正是这些错误的修正,造就了真正优秀的设计。 许多概念看起来炫酷,但是稍加推敲就会发现它的谬误。还有一些规则看起来逻辑清晰,但实际也并…

2015年10月08日 0条评论 249点热度 0人点赞 阅读全文
文章

25个值得收藏的网站模板免费下载

编者按:不用折腾Photoshop,不用苦学色彩搭配,找个模板,轻松搞定!今天这组免费的建站模板全都是PSD格式,网站类型很丰富,满足大多数个人的建站需求木有问题,无论是想下载来学习还是实战,都非常值得收藏! 微盘下载→ http://vdisk.weibo.com/s/u038UQMYQ7Ny Focus Landing Page Appz iPhone App Page Display Portfolio Fonzo Landing Page Intent Creative Seven Oaks Jetro P…

2015年09月16日 0条评论 253点热度 0人点赞 阅读全文
文章

交互设计的5个常见错误

交互设计从来都不容易。它包括了用户行为的深度分析,和一丝不苟的规划。随着新技术和交互设计模式的出现,事情并不会变容易。 艳丽的图片、顺畅的鼠标悬停效果和意外的动画,不再那么容易引起用户注意了。但难题却没有解决——如何创造令人愉快的用户体验,让用户面带笑容完成转化?如果你对常见的设计陷阱有所警觉,就能更少犯错。 为了方便——可能也为了让你知道你不是独自一人——以下总结了最常见的交互设计误区。 1. 铺天盖地的创新 网页设计师都非常有创造力。我们希望通过作品来表达自我。我们总是在寻求创新的设计方法来脱颖而出。但是,当涉…

2015年09月15日 0条评论 428点热度 0人点赞 阅读全文
文章

5个简单原则帮你搞定产品的用户体验设计【转】

生活中许多东西都是瞬息万变的,不变的东西并不多,躲不过的死亡,和雷打不动晚七点新闻联播。在如此复杂多变的时代,要如何做好用户体验设计呢?作为一个用户体验设计师,多年一来我实践了无数想法,试图寻找关于用户体验设计的终极答案。 想来复杂,但说起来也简单。在这些年的探索过程中,我最大的感受是,用户体验设计师的工作本质上是深入用户的大脑去寻找答案。我们需要了解大量的用户大脑中对于设计的真实看法,剖析肢解这些信息,整理出潜在的问题,和他们所面临的困惑。 在设计过程中、之前和之后都要持续不断地做用户体验设计,这是一个永无止境的…

2015年08月27日 0条评论 281点热度 0人点赞 阅读全文
用户体验

成就网页优质用户体验的4个必要元素

互联网时代的成功故事里,机遇和运气是增添它们传奇色彩的决定性因素。一个零售企业适逢互联网萌芽,在90年代这个网络拓荒期逐渐膨胀成为响彻北美 的互联网巨头,这是亚马逊的故事。而Facebook的开头则更有意思一些,校园创业,友情与背叛,在移动端设备过度阶段引领社交网络变革,成就了另外一 个走上互联网时代的年轻富豪。 故事的背后总有各种各样的解读,创业者的过往和人格魅力,特定时代的选择与契机,合作与竞争中的对抗与促进,等等等等。对,它们很重要,撇开那些虚无缥缈的影响因素和传奇话本一样的故事情节,这些互联网产品都有着相同…

2015年06月25日 0条评论 303点热度 0人点赞 阅读全文
用户体验

提升用户购买欲的设计探索

在互联网+时代,数字内容的持续发展尤为重要,为了音乐生态系统的健康发展,一直着力支持正版音乐的QQ音乐,正在尝试在线售卖数字音乐专辑,一举扬起音乐圈数起波澜,整体销量非常不错。 设计背景&目标 在国外,音乐的版权市场相对规范,有像iTunes这样的音乐售卖平台,但在国内的音乐市场,版权的相关法律还不够规范、盗版音乐泛滥,用户习惯了 一直以来的免费听歌、免费下载,如果生硬地推出音乐付费,可想而知会引发不少负面反馈。于是,在数字音乐的售卖体验的设计过程中,如何让用户心甘情愿掏 钱,接受从免费听歌到付费听歌的模式…

2015年06月13日 0条评论 279点热度 0人点赞 阅读全文
文章

浅谈用户体验的可视化

记得初学设计时就常常听到这么句话,设计不单单是做出一个极具美感的躯壳,更重要的是它背后的实用价值——所谓设计的实用性。而在互联网里,这 种实用性更多的体现在用户体验上。美的视觉表达是第一印象,而酣畅的体验才是灵魂。随着移动互联的日益壮大,用户体验变得越来越重要。与此同时,也有很多 人认为炫酷的操作体验或者一些新颖的呈现是好的用户体验。我们且不说这种认识是否全面,甚至正确与否,那么问题已经来了那我们就从以下几个方面一并探讨这 两个问题。   1.内容引导 内容引导是一个站点最为重要的组成部分之一,而最为代表…

2015年04月05日 0条评论 264点热度 0人点赞 阅读全文
用户体验

所谓“简约”的问题

打造客户眼中堪称简单的产品或服务往往是设计师高高供奉的圣经。Duncan Stephen曾有妙语云“我们作为设计师的目标,就是让东西对用户来说越简单越好。” 如此说来,我们对Apple和Google在用户体验相关发行物方面所实现的简约美感给予革命一般的敬意是完全理所当然的。然而,虽然我们不约而同地将很多界面认定为简约派,但也有很多产品或服务不一定在所有地方都透露出简约的味道。 这是什么情况? 所谓“简约”的问题 万人爱戴的作者Antoine de Saint-Expuery曾说过一句著名的话“什么叫完美?完美就是让…

2015年04月03日 0条评论 256点热度 0人点赞 阅读全文
用户体验

如何让用户觉得自己是VIP

网站的参与感也属于用户体验的是否到位的衡量标准之一。我们所认知的用户体验可能只是如何让用户浏览时更顺畅舒适?又或是如何让用户减少思考和点击?而这些都只是于网站操作的用户体验,还有一种情感上的用户体验同样需要设计师的关注。   1.给用户一个贴近生活的真实场景   对于贴近自己生活的事物会有一种自然而然的亲近感。因此,如果能将这些场景融入网站的设计中,很容易让用户产生一种愿意自我带入情境的感觉,有利于引起他们对网站中的其他内容的兴趣。   IMM     2.拟物化场…

2015年04月02日 0条评论 277点热度 0人点赞 阅读全文
文章

43条简洁明了的交互设计原则

废话少说,直奔主题,各位童鞋请对号入座! 1. 用通栏布局代替多栏布局 2. 给用户些好处,别急着做生意 3. 整合相似的功能,去掉零碎的UI元素 4.利用社会认同效应,别总是自吹自擂 5.主要功能需要多次强化显示 6.区分选中和可点击的状态,不要使用户困惑 7.布局有层次有重点,而非简单罗列 8. 允许用户撤销操作而不是使用弹窗需要用户确认 9. 明确的告知用户适用人群而不是简单的面向所用用户 10.简洁明了,直接了当 11.页面上多使用对比的方法 12.直接标出产地,别总单纯的讲历史 13.使用简洁的表单 14…

2015年03月30日 0条评论 299点热度 0人点赞 阅读全文
文章

谈响应式web设计代码实现

在研究响应式的时候,记录了一些感想,分享出来,抛砖引玉,希望可以和大家一起讨论。总结下来,响应式比之前想象的要复杂得多。 1. ie9以下(不包括ie9)采用ie条件注释,为ie8以及一下单独开一个样式文件 <!--[if lt IE 9]> <link href="lt9.css" rel="stylesheet" type="text/css"> <![endif]--> 2. 一个模块的mq样式整体放在这个模块的样式的之后,符合层叠逻辑,也同时以免被层叠。 3. 祈求在一个…

2015年03月25日 0条评论 259点热度 0人点赞 阅读全文
文章

手绘移动端极致体验【译】

(Lennart Hennigs 著     Ellazou & Charrywang译    Crispinzhu校正     查看原文   转载请注明出处) 移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以 及Fireworks,帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型:HTML、CSS以及J…

2015年03月04日 0条评论 275点热度 0人点赞 阅读全文
文章

用户体验中巧妙的过场动画【译】

(Adrian Zumbrunnen著     Judithzhu & Lynnwang译    查看原文   ) 一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验,同时分析为何这些简单的样式能够如此好用。 当我们设计数码产品时,我们常常使用诸如Photoshop及Sketch这样的设计软件。大多数从事此行业多年的人显然知道设计不仅仅是视觉呈现。然而,很多人依然继续创造静止的设计。Steve Jobs曾…

2015年03月03日 0条评论 288点热度 0人点赞 阅读全文
文章

创意力量从同理设计出发

什么是同理心设计 同理心设计是一个以客户為中心的设计方法,制造与产出注重客户的感情走向的产品。 苹果公司创始人乔布斯曾经说过:[it’s technology married with liberal arts,married with the humanities.]。意思是说,设计应是科技与人文的交融。 所以同理心的设计思考方式是以人为本,贴合人性,满足用户的需求与偏好的思考方式。 《应需而变—设计的力量》书中指出:“同理心即知道、感觉到、代入式地体验其他人的感觉、想法、经历,而自己并没有这些真实的感觉、想法、…

2015年03月02日 0条评论 302点热度 0人点赞 阅读全文
文章

关于响应式布局

在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型: 布局类型   布局实现 采用何种方式实现布局设计,也有不同的方式,这里基于页面的实现单位而言,分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局:以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸; 可切换的固定布局:同样以像素作为页面单位,参考主流设备尺寸,设计几套不同宽度的布局。通过设别的屏幕尺寸或浏览器宽度,选择最合适的那套宽度布局; 弹性布局:以百分比作为页面的基本单位,可以…

2015年03月02日 0条评论 309点热度 0人点赞 阅读全文
文章

技术与人性的碰撞!给设计师的用户体验设计发展简史

编者按:现如今,用户体验设计师已经成为开发和设计团队必不可少的成员。这一新兴的职位到底是怎样出现,从何开始的呢?今天通过这篇文章,简单温故一下用户体验设计的隐秘传承~ 在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧。 是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员是否让你在等候一阵子之后领你去合适的座位?菜单放在桌子上的什么位置?浏览体验如何?你点了哪些菜?上菜的速度够快么?味道地道么?服务员够不够勤快体贴?你是否还想去这家餐馆吃? 所有的这些问题都关乎你对于这家餐馆印象的好坏,也直指…

2015年02月28日 0条评论 319点热度 0人点赞 阅读全文
12

D.Young

A designer who looks like a Csser.

站内搜索
标签聚合
图标 设计 动效 字体 网页设计 CSS 用户体验 logo
广告
广告
公众号

Copyright ©2014-2021 DY点线面. All Rights Reserved.

THEME KRATOS MADE BY VTROIS

鲁ICP备15008799号-1