摘要: 曾经深深被Metro扁平化设计所吸引,为了解Metro UI博主成为较早一批使用Wp手机的用户。Metro UI的风格很简洁,相同的空间给人以更宽广的感觉,Xbox live 、bing搜索、人脉。。。平凡却独特的排版设计,不打扰用户的同时悄悄更新的资讯,当用户数据量达到既定的层次而触发的新的交互。。相对Android与IOS系统Metro确有另一翻新鲜的交互体验接下来让我们进入正文,为大家带来一篇来自微软官方的案例文章。iOS是个不错的平台,人们在其中创造了各类触控优先、有趣且吸引人的应用。不过,随着Windows 8的登场,设计师和开发者们又多了一个释放创意能量的新舞台。在本篇案例当中,我 阅读全文
posted @ 2013-09-22 23:21 。。零。。 阅读(466) 评论(0) 推荐(1) 编辑
摘要: 并不是所有的软件应用都是好的,好的软件应用必有很好引导客户的交互设计,今天我们来探讨app引导性的设计模式的话题“电脑”一词的概念不断地在改变。在我的记忆里小时候“电脑”是连接着家中黑白电视机的小霸王,搓着手柄变换出神奇的画面;再大一点“电脑”是大箱 子屏幕 加板砖主机,只有学校的机房有,利用简单难明的语句你会看到打着马赛克的乌龟在屏幕上画图,那时候我一点不明白如此沉重的机器能为我们生活带来什么改变; 再再大一点“电脑”才是我们所熟知的计算机,它可以把家里的光碟机、收音机、游戏机、计算器、电话。。。通通替代合而为一;到现今“电脑”也许是手机、平 板、手表甚至眼镜,只要以软件应用驱使,一切的硬件 阅读全文
posted @ 2013-09-22 21:38 。。零。。 阅读(1184) 评论(0) 推荐(1) 编辑
摘要: 作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出 现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》……等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如何去实现的实用型文章却很少。今天和大家共同交流下滚动视察设计时的一些心得。什么是滚动视差?视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速度则 阅读全文
posted @ 2013-08-13 21:23 。。零。。 阅读(380) 评论(0) 推荐(1) 编辑
摘要: 在《移动客户端设计开发经验(1)-流程篇》中,我们把流程搞通了。那么,在这一篇文里,要给大家奉献各种干货。相信作为设计师的我们,肯定会非常非常感兴趣滴。想了很久,弄什么地方入手呢? ok! 我们打开电脑,开始工作,那么除了qq还有邮箱,那么我们最爱的软件,肯定是下边这些啦:好,不管你的最爱是fireworks 还是photoshop还是illustrator或者是其它。都没关系。打开你最喜欢的一个,开始我们客户端的设计吧。一、开始我们的第一步因为现在移动客户端大行其道,相信会有很多从web转过来的从事客户端设计的同学,也许大家会觉得,我web页面设计妥妥的,客户端设计肯定没有任何问题,你看你看 阅读全文
posted @ 2013-07-20 00:28 。。零。。 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 一直自学移动端的UI设计,苦于没明灯指路自己一直胡乱什么都学一通,虽然都有收获但走了大量的弯路和浪费了不少的时间。近期在站酷上发现了hixulei所写的开发经验确把自己以往零散的知识好好的贯通了一遍,而且有不少的技巧,好了废话不多进入hixulei的移动客户端设计开发经验-流程篇:和pc端网站的设计和开发相比,移动客户端的开发工作,对绝大多数人来说,绝对是一个 崭新的行当. 那么,当我们每天在iphone上,在各种安卓在各种pad上习以为常的刷着微博看着网文切着西瓜找着你妹的时候,当一大波人信心满怀的开始步入这个看似 熟悉,或者说”简单”的工作中后,突然发现,悲催,完全不是那么回事嘛!相信很大 阅读全文
posted @ 2013-07-19 00:25 。。零。。 阅读(426) 评论(0) 推荐(0) 编辑
摘要: iOS 7 IOS6。。。苹果每一代系统UI对应不同的使用终端都有一些设计规范和数值参考,因此在博客上收录此文章以待日后参考。除了网格外,苹果还在icon的尺寸、常用元素以及字体等多个方面进行了更新设计。而iOS 7正式版和新一代iPhone发布后,或许有些元素还会更新,所以如果你有很好的资源,欢迎推荐到这里,让我们把这个文章做的更加丰满。Resolutions & Display SpecificationsApp Iconsicon在iOS 7中发生了明显的改变,苹果引入了网格系统,圆角设计不同于此前iOS的设计。具体变化可参看:原生app icon设计-iOS 7 vs iOS6 阅读全文
posted @ 2013-07-16 17:45 。。零。。 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 本文翻译自苹果最新《iOS人机交互指南》iOS7表现了以下几个主题:Deference:UI是用来帮助用户理解app,与内容之间进行交互,但UI和内容之间并不冲突。Clarity:各种尺寸的文字均非常易读,icon精确清楚,装饰物巧妙合适,以功能驱动设计。Depth:视觉富有层次,通过视觉的层次感和动画来展现生命力,让用户感到愉悦。不管你是重新设计现在的应用,还是开发一个新应用,请先考虑一下像Apple那样重新设计内置应用的方式。iOS 7的天气应用 iOS 6的天气应用首先,精简UI以突出app的核心功能,然后重申UI和功能之间的相关性... 阅读全文
posted @ 2013-06-15 21:24 。。零。。 阅读(233) 评论(0) 推荐(0) 编辑
摘要: IOS 系统的icon无论是原生的还是app UI设计的都一直很出色,苹果各终端所采用的高品质屏幕更保证了每一个细节能够精致地显示出来,这篇摘录至uedc(网易用户体验中心)的博文向我们讲述了IOS 图标的设计各要点程序图标主要作用是为了使该程序更加具象及更容易理解,除了上述的作用外,有更好视觉效果的图标可以提高产品的整体体验和品牌,可引起用户的关注和下载,激发起用户点击的欲望。表现形态在有限的空间里表达出相对应的信息,在iOS 程序图标设计中,直观是第一个解决的问题,不应该出现大多繁琐的修饰,当然还要有很好的视觉表现力,使用户可以更容易理解此应用的实际作用,更轻松地辨识此应用。下面来说说几种 阅读全文
posted @ 2013-05-10 20:23 。。零。。 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 用户手中的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图、精准的位置可以最大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果哦!我们经常会做一个俗称“点九”的切图,什么是“点九”呢?“点九”是Android平台处理图片的一种特殊的形式,由于文件的扩展名为:“.9.png”,所以被称为“点九”。“点九”也是由于Android平台多种分辨率需适配的需求下,发展出来的一种独特的技术。它可以将图片横向和纵向随意进行拉伸,而保留像素精细度、渐变质感和圆角的原大小,实现多分辨率下的完美显示效果,同时减少 阅读全文
posted @ 2013-05-10 17:08 。。零。。 阅读(5960) 评论(0) 推荐(2) 编辑
摘要: CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.本文谈及多个影响节点显示层级的规则, 其中用到的所有例子全部罗列在《position 属性和 z-index 属性对页面节点层级影响的例子》中.目录顺序规则定位规则参与规则默认值规则从父规则层级树规则参与规则 2总结顺序规则如果 阅读全文
posted @ 2013-04-25 18:10 。。零。。 阅读(995) 评论(0) 推荐(0) 编辑