一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表[......]
一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表[......]
网页导航是设计网站时需要考虑的一个最重要的方面。网页导航的首要的目的是让访客在你的网站简单迅速地找到他们想要搜寻的内容。高效的导航可以引导浏览者在你的网站尝试搜寻其他内容。在本文中,我们将探讨一些设计网页导航的基本准则。
有效的网页导航
在设计网页导航时,你需要将以下几点铭记于心:
1. Organized Links 组织良好的链接[......]
我的Web开发开始于1994年,那时我们犯了很多错误。但不幸的是,在2011年的移动开发领域,我又开始看到了这些错误的再次出现。
我不确信我是否喜欢一些人讨论移动Web的方式。就像传统Web设计经历过青涩的青春期一样,移动Web设计现在正处于这一时期。
开发设计组织正开始关注移动互联网,因为他们留意到用户一步步地接纳了这一网络,就像前几年一步步接[......]
好友曾向我展示了最新的iPhone和iPad版《极品飞车》。游戏的渲染效果令人印象深刻,是款蓄势待发的优秀游戏。但是,游戏的前端是典型的 UI设计偏差案例。但界面中有大量的属性数据等内容,它在玩家没有时间做决定时提供了过多的内容。这些内容能够显著改变他们的游戏体验,但却在玩家往往感 受不到变化的时候呈现。
这促使我开始思考UI设计的黄金法则。以下是我认[......]
2012-04-2 15:29 设计, 资源 都等你发言 :)
追求完美是没有限制的,即便是娴熟有经验的 CSS3 大师,也一直寻求有助于他们达到 “CSS 禅道”(Zen of CSS)的新资源。本文收集了一些极为有用并有意思的 CSS3 技巧和窍门,是Web开发人员军火库应有的。我们一直在尽力收集副高多种 CSS3 技巧的最新资源,我们相信,你在查看这些东西时不会感觉枯燥。别忘了在社交网站上分享哦。[......]
2012-04-2 13:46 设计, 资源 都等你发言 :)
在过去的 20 年中,商业解决方案主导了图形和网页设计领域。Adobe Creative Suite 是这个行业的霸主,它的格式是事实上的标准。同样类型的开源工具一直被认为是不专业的,因为缺少支持和重要的功能。但是这个现象终于要被改变了。
Photoshop vs. The GIMP
Photoshop 依然是高级图片处理的首选工具,但是开源的工具正[......]
国画中有句话,“画虎先画骨”。对应到网页上,视觉效果只是一张皮,前端代码是支撑这张皮的骨,了解骨架是怎么长的,有助于设计出更合理高效的页面。
一、常见视觉效果是如何实现的
关于文字效果[......]
2012-03-30 07:37 IT技术, 设计 都等你发言 :)
CSS代码编写是设计师的一个重要工作。编写CSS代码和实施所需的设计任务,也不容易的,本文给大家带来几个不错的工具,可以生成在线CSS代码,节省时间,并自动获得一个专业的CSS代码。如果你没有CSS编写经验,不要紧,这几个在线工具正是你所需的。基本上 css 方面的全了 ,像背景、布局、样式等等都包含了。
他一个圆角([......]
2012-03-29 03:38 设计, 资源 都等你发言 :)
你可能已经注意到,我们一直在向读者推荐一些免费的、最新的图标网站。我们确实很喜欢这些图标网站,我们也确信你会爱上今天我们为你挑选的图标网站。你会看到一个综合的社会图标网站,一个近乎齐全的电子商务图标网站,和一个拥有多达2400个图标的旗帜图标网站。
联系表单通常都是所有网站的重要组成部分。它是网站访客或客户与你(你的支持团队)之间建立信任的桥梁。所以在选择联系表单的风格时须当注意,仅需必要的选项,以便访客可以轻松联系,并尽可能在最短时间提交信息。但别忘了开启反垃圾邮件措施。下面是Smashinghub博主整理收集的40个联系表单。
[......]
2012-03-22 09:48 设计, 资源 都等你发言 :)
近些年来,用户对视觉体验的要求不断提高,而设计师们也开始在网页设计中加入各种特效元素以满足用户的需求。其中有一种特效的效果很具有吸引力,它就是视差滚动效果。视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,可以带来非常出色的视觉体验。
随着这种炫酷的效果首次在Nike 2011年的 Nike Bette[......]
导读:本文是Bret Victor(简历)苹果公司的UI交互设计师(大神级的人),在 CUSEC(Canadian University Software Engineering Conference)上做了一个题为 “Inventing on Principle”的演讲(vimeo 视频链接),该演讲中展示了五个示例。
五个示例:
● 用程序画[......]
导读:Windows Phone 7引进了一个全新的内容管理和用户界面,命名为Metro的设计语言和理论。微软这次所看准的市场和用户群也与之前的老一代Windows不同(终于转变了):从针对商业和技术用户到普通用户,线上,线下的生活紧密链接的新兴用户。
对话设计人员
我们就不强调设计在手机应用上有多重要了。WP7是个非常不同于其他手机平台的操作系[......]
PopCap热门策略游戏《植物大战僵尸》罕见地完成了一项使命——成功地将休闲玩家引进这种一般只有硬核群体才会感兴趣的游戏。该游戏开发者 George Fan在 2012 年 GDC 大会上分析了它能够吸引广泛用户群体的原因,并重点指出低调而完整的新手教程所发挥的作用。 他认为,“假如新手教程处理不当……游戏中的其他元素也就不可能引导我妈这类用户通关。”他分享[......]
2012-03-9 00:02 设计, 资源 都等你发言 :)
苹果App Store 的应用总下载量近日刚突破 250 亿,并继续上升中。毫无疑问,iOS 开发一直是热门话题,这是一个制造了数亿美元的产业。一个成功的应用,需要良好的规划。在理解应用开发流程中,绘制线框图是规划阶段重要一环,也用于确定可用性可能存有的问题及技术潜在问题。素描和原型,能让你更好的理解要你的应用程序。如果不是自己的项目,是给客户做的,那也方便[......]
最新的Android冰淇淋三明治(Ice Cream Sandwich, ICS)操作系统,不仅仅是用户界面(UI)的简单改变,它几乎是对整个Android系统界面的重新定义。为了让你更好地为ICS系统设计和开发应用,这里有一个简单的介绍和指南。
内容和活动导航:选项卡和下拉选项 (Tabs and Dropdowns)
对于内容型应用,[......]
以下漫画设计作品均来自台湾设计师马克
设计师,是一个令多少人为之痴狂的职业,也许是因为设计师这个工作中充满了创新、时尚、艺术、乐趣,也或许更因为这份工作都有很不错的收入。所以当不少家伙发现自己不是做律师或医生的料时,就会觉得当个设计师其实也不赖。[......]
2012-03-2 10:04 设计, 资源 都等你发言 :)
Chrome 网上商店有着各种好用的扩展程序和应用程序,其中有许多都让设计师们的生活变得轻松很多。但其中也有许多滥竽充数的程序,安装他们实在是浪费大家的时间。
所以,为了让各位免去这些困扰,我们总结了一些对于设计师们来说最好用的工具。
以下就是我们找到的11个网页设计师们必须拥有的程序:[......]
在做手机产品设计的过程中,遇到很多看似很小且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念。本文介绍了一些经验,供大家参考。
1.没有不可点击的效果
一般按钮会有四态:不可点击效果、可点击效果、聚焦状态、按下状态。如果你的按钮此时处于不可用状态,那么一定要灰掉,或者拿掉按钮,否则会给用户误导。[......]
回首2011曾经做出过的预计
当时作者预测了一下5大领域有可能会决定当年的网络走势的大方向。
1. Flash
2. 印刷媒体(Print media)
3. 硬件提速浏览器(Hardware-accelerated browsers)[......]