交互体验

为原生表单控件穿上美丽的外衣

在互联网成熟的今天,大家对网站的要求不仅仅在功能实现上,也开始注重视觉设计,多终端用户体验等等。表单控件是web页面上重要的组成 元素,具有非常高的功能性。交互设计师为它设计更加方便的操作方式,视觉设计师也会绞尽脑汁设计出更加夺人眼球的视觉展现。可是由于表单控件自身的局限 性,不能很好地自定义外表,所以就诞生了一系列的由聪明的前端同学模拟出来的以假乱真的表单控件。让我们从一

酷站欣赏:50款优秀的配色方案

好的网站配色可以成功获得用户和提升用户体验,本文主要介绍这50款优秀的配色方案,希望对你的感觉有用。Daniel SitekTrinity Web TechRyan KeiserWe are ImperoHitmoVolllNybble DesignsMelon FreeSkittlesBroncoReel EffectCodes Lingers ChallengeArun

涨姿势!聊聊中英文排版

在《让我们吹毛求疵一下:中英文混排时的优化状态》中,我们聊了一些中文字适应英文语系的横式书写的方式的情形。因为中文的方块组成在排列上具有非常优秀的弹性,因此不论是直书或是横式的书写方向都可以很好的适应。在近代为了推行计算机化、让文字与信息带来普及化,横式书写的排版方式被广泛地应用。但其实在许多场合,例如较为着重中文文字表达性的书籍,依旧会使用直式书写来做排版,在阅读上具有完

谈手势驱动的移动界面设计

作为设计师,你也许还记得苹果刚刚发布iPhone时的情景吧,我(英文原文作者)觉得那就像是昨天发生的事情一样。他们将电容触屏技术完整的运用到了这样一个私人化的重要设备当中,这是具有里程碑意义的时刻,同时也改变了整个业界的游戏规则。若干年之后的今天,连小孩子们都已经习惯了触屏体验,好像这是非常自然的事情,而家长们也会惊叹于他们的孩子可以如此迅速的学会使用触屏设备,包括手机和平

高大上的扁平化交互设计

写在前面的话:(看正文请直接跳到分割线处)[br]当写完“做好扁平化设计:视觉篇”给到各位设计师看求指点的时候。[br]大家吐槽了:有人说“只有交互扁平了,视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠谱的⋯⋯”确实是这样的,扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化。在进入正题之前

都是为了打动你——QQ电影票之iPad版

iPhone版确定地位,iPad版则是需要更多关注品牌感,建立能打动人的目标。 区分iPhone和iPad使用场景的不同,并充分利用iPad设备本身的特性,确定此项目的设计基准规则: 滑动是第一体验;娱乐高于购票需求; 由此两条准则的前提下,我们在页面做出了大量滑动性和娱乐性优先的创新。原文来自:腾讯ECD 关键字:交互体验, 视觉设计

做好扁平化设计之交互篇

写在前面的话:(看正文请直接跳到分割线处)当写完“做好扁平化设计-视觉篇”给到各位设计师看求指点的时候。大家吐槽了:有人说“只有交互扁平了,视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠谱的⋯⋯”⋯⋯确实是这样的,扁平化不仅仅是界面视觉扁平无立体感,更应该是交互体验的扁平化,信息架构的扁平化。在进入正题之前,我们先来看

图标字体化浅谈

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图 标),如分享、回复、赞、返回、话题、访问、箭头等,这些Icon(图标)一般都是纯色的。开始制作时考虑用双倍大小的Sprite图,通过CSS样式设 置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一

阿里巴巴内部资料 | 交互设计全档案

·交互设计师的基本素质首先,谈谈我个人对交互设计师基本素质的看法。从我个人的理解来看,可以简单归纳为九字诀:“听、看、想、说、磨、做、验、写、讲”。1)听:做一个交互设计师,最重要的一点就是要懂得倾听(这里蕴藏了一个隐晦的性格属性:谦虚!)。通常情况下,我们不是用户,所以很难100%代表用户,更左右不了老板,所以我们首先要有听的本事,把来自用户的、老板的、PD的、视觉的、前

国外创新网站欣赏之动态效果的信息图表篇

今天小编要给大家推荐的是和动态效果的信息图表相关的几个国外创新网站欣赏,希望各位产品控们能有所收获!^_^NO.1 The Arnold Clark Savings ChallengeNO.2 Meet Your MXNO.3 Why Your Brain Craves InfographicsNO.4 Good Morning Breakfast appNO.5 Atla