当前位置:主页 > 平面设计

最新发布

解析网页设计提升网站平板体验的6个技巧
解析网页设计提升网站平板体验的6个技巧

在这篇文章发布时,仅在美国就有近7000万的平板电脑用户,这比前一年的数据增加了一倍。这意味着,美国近30%的互联网用户使用平板设备上网浏览。2011年到2012年间,电子商务网站在平板电脑上的交易量增长了348%,第一次超越智能手机的交易量。由于平板市场很年轻,其未来的发展空间必定很大。这一趋势传递了一个强烈的信号:如果你的网站还没有针对平板电脑进行设计的话,现在是时候优先考虑其在平板电脑上的可用性了。否则,忽略这一点可能会对网站的整体转化率,回访量,销售量等带来负面影响。什么是”点击愉悦感”(tappiness)?当一个网站具有”点击愉悦感”时,用户在手机或平板设备进行访问的操作将变得容易而愉快。点击愉悦感包括巧妙使用的空间,易于阅读的文本,符合逻辑的交互线索,和大尺寸的点击目标,这些让访问者浏览网站时充满信心。本设计中,大字体和大点击目标的体验很好,即使在平板电脑上缩小后,体验依然不错。而在另一些设计中,文字太小无法阅读,链接太接近容易误操作,无形中增加了操作时间、复杂度以及体验上的挫败感。糟糕的体验下,用户将快速流失。本设计中的小字体和小触摸目标被证明在平板电脑上难以阅读和使用。一种理想选择可能是:重新设计你的网站,让它能针对各种不同设备进行自适应布局,但时间和成本可能会使你无法完成这样的全面翻新。然而你还有其他选择。本文给出一些技巧和方法,能快速帮助你提升网站的平板用户体验,只需几个简单的变化,你今天就可以做到!

36 次浏览
UED设计师解读移动触屏的手指触发尺寸
UED设计师解读移动触屏的手指触发尺寸

苹果iPhone人机界面指南推荐的最小目标大小为44px宽,44px高。微软的Windows手机用户界面设计和交互设计指南建议一个最低目标尺寸是26px乘以34px。诺基亚的开发者指南建议,目标尺寸应不小于1cm×1cm平方或28×28像素。虽然这些指南给到了触摸目标的一般测量建议,但彼此不同,也与人体实际手指大小不一致。事实上,他们建议的尺寸比用户平均手指尺寸小得多,从而导致用户在触摸移动设备时产生目标定位不精准的问题文章原址:uxdesign.smashingmagazine 译者:久愚太小的可触目标会导致大问题小的可触目标会让用户在使用时非常麻烦,因为他们需要更精准的定位。用户需要调整他们的手指,从指垫调整到指尖,让自己能清晰的击中目标。当用户用 手指垫操作时,会覆盖整个目标,以至于他们完全看不到交互反馈,而用指尖操作时,却能看到部分的交互反馈。那么,用户在使用设备时,切换指尖与手指垫,无 疑降低了他们的操作效率。不仅如此,小的触摸目标会导致操作错误。当几个小触摸目标彼此靠得比较近时,用户会不小心触到邻近的目标而引发意外操作。而拇指触屏时导致的错误会更明显,因为它的尺寸是最大的。所以有时用户会倾斜拇指,让其侧身去触及屏幕目标,这是一个很不必要的操作。用拇指交互, 在移动设备中其实很常用,因为大多数用户在使用时并非两手都处于闲暇状态,很多用户会觉得用一只手再加一个大拇指,这样操作是最方便的。用户不希望为了去 击中一个目标,而使原先使用一个手的情况变成使用两只手,又或是原先喜欢用大拇指的情况变成去使用其他手指,可见,目标太小,给用户的操作带去的麻烦会有 多大。平均食指像素宽度

18 次浏览
交互设计师不仅仅是个画破图的
交互设计师不仅仅是个画破图的

期间有不少新的想法伴随着我的工作、交流涌现出来,加上几周前,在新的团队又进行了一次分享,颇有点心得,又懒得去重新修改原有文章,就在此进行一些补录吧。还是个人经验,眼界有限,欢迎拍砖。一. 再谈术语面向对交互比较陌生的团队进行分享,少不得再介绍下那些让人云里雾里的术语。这次,咱们为这些术语做一个关系图:从下至上是各种术语的演变史。中间代表“做的事情”,左边代表做这件事情的“人”,右边代表做这件事情需要的“指导思想”。在关注技术和功能的时候——还记得满屏在bling bling闪烁的各种网页吗?网页设计师比较畅销和通用,后来,当焦点是要外观时,涌现了大量的“美工”。这时,没有UCD指导思想,更多的是TCD(以技术为中心),或者BCD(猜是什么?哈哈,是以老板为中心)。UI年代引入User概念,也催生了大量的UI设计师和各种UI论坛,此时的指导思想正在由BCD向UCD转化。最后有了UCD指导思想,也诞生了UCD指导思想下的一系列组织、工作方法、工具。让我们感谢促成这一切的国外先驱们和国内先驱们吧。二. 交互设计师的重要交付物

20 次浏览
60个网页及平面设计师必备神器工具
60个网页及平面设计师必备神器工具

Adobe AIR是一个构建高效先进桌面应用程序的巨大平台,它可以在任何操作系统上运行。在过去的几年中,为了实现各种功能,AIR建立了数以百计的非常有用的应用程序。在这里我们主要讨论那些为网页和平面设计师创建的应用程序。 此列表仅包含那些已被认可的对设计师而言可靠和有用的应用程序。我们把它们归为以下几类:1. Splashup Light Splashup Light是一个基于桌面的图像编辑器。它提供了大量的功能,轻易就能美化、 处理和编辑你的照片。2. Color Lovers Color Lovers提供了一种桌面颜色查找器来查找ColorLovers 社区数据库。使用这个应用程序,你可以搜索到超过 100 万个已命名的颜色和 300,000 个用户创建的调色板.3. Contrast-A Contrast-A允许你检查对比度,以色彩组合来进行实验并与 3 维 RGB 颜色空间进行交互。4.LiveBrush LiveBrush 是一个绘图应用程序,通过把简单的动作控件和创意性画笔样式相结合就可以创造出不寻常的图形。5. Icon Generator Icon Generator可以让几乎没有绘图能力的你创建时尚图标。只需要选择你想要的图标类型,自定义文本和颜色,就可以创建出你自己的图标。

20 次浏览
5大原则打造扁平化设计的心得技巧
5大原则打造扁平化设计的心得技巧

Kryptoners:如今设计界最炙手可热的明星大概就是扁平化设计了吧,关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营,一边努力把扁平化做到极致,一面对其不屑一顾。我是个骑墙派,不支持也不反对,在我看来,优秀的设计的定义就是好用,只要能设计出优秀的产品,我可以采用任何方式,扁平化也是其中之一。但是必须意识到,没有哪种风格是包打天下的,不能强行将一种风格应用到不该用的地方。那么,扁平化究竟该怎么实现怎么应用呢?下文将要做的就是分析扁平化的五个最典型的特征,同时也介绍一下伪扁平化(不含贬义,只是一种折衷的设计方式)。一 、拒绝特效扁平化这个词来自于这种设计所使用的样式和形状,它完全属于二次元世界,一个简单的形状加没有景深的平面,不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落,没有任何羽化、渐变或者阴影。这一设计趋势极力避免任何拟物化的元素,这导致这一设计风格在其它平台有时候显得突兀,前景图片、按钮、文本和导航栏与背景图片格格不入,各成一派。

5 次浏览
设计师解读网页Banner设计的心得技巧
设计师解读网页Banner设计的心得技巧

当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要。接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢。第一部分:颜色1.Banner与环境对比试想如果在一个以浅色调为基准的网站上投放Banner,是不是从明度上拉开对比会很好的提高用户的注意力呢(相反亦然)。以此也可推想出,如果在一个有颜色基调的网站上投放补色或者对比色的Banner,效果就会变得更瞩目(补色和对比色案例)。2.Banner颜色简单至上(1)试想一个Banner五颜六色,是不是就能够吸引眼球了呢?首先,先对比一下

11 次浏览
提升网站平板体验的6个设计技巧
提升网站平板体验的6个设计技巧

随着平板电脑市场的迅猛增长,你可曾考虑到网站在平板上的用户体验?本文给出了6个提升网站平板体验的简易技巧,让你花小气力,出大成果,可谓事半功倍。要不你试试看。在这篇文章发布时,仅在美国就有近7000万的平板电脑用户,这比前一年的数据增加了一倍。这意味着,美国近30%的互联网用户使用平板设备上网浏览。2011年到2012年间,电子商务网站在平板电脑上的交易量增长了348%,第一次超越智能手机的交易量。由于平板市场很年轻,其未来的发展空间必定很大。这一趋势传递了一个强烈的信号:如果你的网站还没有针对平板电脑进行设计的话,现在是时候优先考虑其在平板电脑上的可用性了。否则,忽略这一点可能会对网站的整体转化率,回访量,销售量等带来负面影响。什么是“点击愉悦感”(tappiness)?当一个网站具有“点击愉悦感”时,用户在手机或平板设备进行访问的操作将变得容易而愉快。点击愉悦感包括巧妙使用的空间,易于阅读的文本,符合逻辑的交互线索,和大尺寸的点击目标,这些让访问者浏览网站时充满信心。本设计中,大字体和大点击目标的体验很好,即使在平板电脑上缩小后,体验依然不错。而在另一些设计中,文字太小无法阅读,链接太接近容易误操作,无形中增加了操作时间、复杂度以及体验上的挫败感。糟糕的体验下,用户将快速流失。本设计中的小字体和小触摸目标被证明在平板电脑上难以阅读和使用。

7 次浏览
盘点网页设计那些让用户玩起来的交互方式
盘点网页设计那些让用户玩起来的交互方式

手机已经成了我们生活中不可分割的一部分,手机应用也在扮演着越来越重要的角色。它们或者帮我们打发无聊时间,或者帮助我们紧密联系远方的朋友,抑或对学习知识、获取资讯有所裨益。手机应用有不少有趣的交互方式值得深思和学习。让我们来看看它们中有哪些好玩的交互,我们又是如何通过它们来进行操作的。摇一摇:摇摆的节奏自从微信引入了摇一摇的交互方式后,立即四处风靡,各种应用纷纷推出各种基于摇一摇的功能:摇一摇更换皮肤、摇一摇推荐餐馆、摇一摇换歌等。有些应用结合的比较自然,还有一些则有些牵强附会。当然,在此之前 iPhone 就已经加入了打字时晃动撤销的交互,虽然很新潮,但隐藏较深,不少用户不了解也没有形成习惯。吹一吹:吹出的精彩iOS 上有一款仿陶笛的应用 Ocarina。只要对着界面上方正*箭头(话筒)的位置吹,就可以看到往外围泛出声波的效果,界面*四个蓝点分别代表笛孔,在吹的时候按住不同的笛孔会发出不同的音调,而且界面会提示每次按压住哪几个孔,这样即使像我这种完全没有音乐细胞的人也可以吹奏出美妙的音乐。最关键的是,你还能听到来自全世界其他地方分享的声音。不知道有没有人注意到腾讯微博手机客户端有一个吹一吹功能,只需要对着手机屏幕下方(实际上是话筒的位置)轻轻吹一下,蒲公英上的绒球就会飘散到远方,带我们穿越到到世界各地,如艾菲尔铁塔、马尔代夫、新加坡等,穿越后的界面为当地用户发布的微博,以图片集形式呈现。创新的交互方式加上合理的设计,让人觉得颇为有趣。扑蝴蝶:寻找身边的蝴蝶

23 次浏览
协同团队来进行网页设计用户体验研究的方法
协同团队来进行网页设计用户体验研究的方法

本文编译自 A Collaborative Lean UX Research Tool,描述作者自创的一种可以协同团队来进行 UX 研究的方法,作者称之为彩虹表格。这种方法需要一些观察者协助你观察研究参与对象的行为,进行产品可用性测试,同时无需正式详尽却无人愿意读的报告。什么是彩虹表格彩虹表格得名于其所需不同的颜色来表示每一个参与者的这种方式。这种表格将所有 UX 研究数据集中起来,并且团队成员可以同步记录。比如通过谷歌文档,既可以作为研究成果的汇集文档,之后也可以转换为最终报告。研究之前准备研究之前,你的目标是建立一个包括所有团队成员和任务安排的信息。还需要告知团队如何使用这个表格,如何记录其意见。确定研究方式和讨论指南。事先明确你会让参与者做什么,问什么问题,以及问问题的顺序。制定每个研究活动间隔 45 分钟的时间表。间隔不仅用于准备下一各研究活动,同时用于和团队成员讨论观察结果。下面提供一个一天有四个研究项目的时间表的形式:复制一份你自己的彩虹表格。

21 次浏览
浅谈网页登录表单设计的新思路设计
浅谈网页登录表单设计的新思路设计

登录网站已经融入到大多数人的生活当中。也许是登录操作太过频繁,在这个过程中常常出现这样或那样的问题,比如,忘了密码,用户名或注册的邮件地址。这样的经历不只让我们感到挫败,而且对企业也有不利影响。到底有多糟糕的影响呢?网站User Interface Engineering对主要的网络零售商进行了调查,结果显示,45%的客户在这些系统中进行了重复注册,每天有160,000人进行了找回密码的操作,而一旦他们寻回密码之后,75%的客户再也不会完成之前的支付。没有登录的访客无法看到网站个性化视图和精选内容,这样大大降低了网站的转化率和参与度。由此可见登录操作的重要性,因此,有的网站已经开始思索新的设计思路来解决这些问题。这是我的账户信息吗?Gowalla的登录表单(下图)非常标准:输入用户名(邮箱地址)及密码,然后登录。下方也配有“忘记密码”和“新手注册”等提示信息。总之,常见的登录界面该有的,一个都没少。((译注:编译本稿件时,Gowalla已经关闭)不过,Gowalla对登录表单做了一些创新,提升了用户登录成功的几率。如果用户首次登录失败,比如用户名,邮件地址或是密码出错,它不仅会提示错误,还会显示你当前想要登录的账户头像和用户名等信息。头像和用户名为用户提供了直观的判断:“这是我的账户,可能只是忘记了密码”,或者“这不是我的帐号,我肯定是输错用户名或邮箱地址了”。Gowalla也针对这种情况给出了解决方法:“这不是我的账户”,或是“我忘记密码了”。快速登录

12 次浏览
共计26043条记录 上一页 1.. 2327 2328 2329 2330 2331 2332 2333 ..2605 下一页