10.1-原型与UI设计
fei20121106
这个作者很懒,什么都没留下…
展开
-
(10.1.3.1)做好扁平化设计-视觉篇
【编者按】去年,iOS 7的发布让更多的用户欣赏到了扁平化设计之美,更在业内掀起了一股扁平化设计潮流。扁平风格的一个优势在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。其简约、条理清晰以及更好地适应性让更多地人所接受和喜爱。那么,如何从视觉上把握好扁平化设计,不妨一起来看看腾讯CDC团队joy分享的一篇文章。扁平化设计无疑是当前讨论最多,最火的设计形式,自i转载 2015-05-16 16:20:43 · 1084 阅读 · 0 评论 -
(10.1.6)极简主义
极简主义不光存在于网页设计中,像Logo设计、印刷设计、包装设计也都有相应的极简主义风格。目前流行的极简主义网页设计视觉风格是:使用纯粹的色彩以及简练唯美的照片极简主义网页设计流行使用创新式导航,不但易用,而且有种简约美,符合极简主义“回归功能”与“视觉简约”的双重理念。简约的外观、易用的功能,并不意味着极简主义网页设计很简单。事实上,优秀的极简风格作品需要复杂的设计流程。有一种不转载 2015-05-24 11:18:40 · 1240 阅读 · 0 评论 -
(10.1.5)用户体验的要素?——软件设计的分层理论
用户体验五要素是一个非常经典的框架体系,他包括战略层、范围层、结构层、框架层和表现层。接下来,我们将分别对五个层次做详细的解读。表现层(surface)关键词:视觉传达表现层是最直观的。打开一个APP,你看到的所有形状、文字、色彩都属于这一层面。表现层决定了用户的第一印象,同时可以通过形状大小、字体大小、颜色深浅等因素来影响用户感知,已达到设计目的。框架转载 2015-05-24 11:14:13 · 1261 阅读 · 0 评论 -
(10.1.7)用户至上的设计细节
推源语:今天翻译的这篇文章是 Medium 上的热门文章 User is the king(part 1),作者站在用户的视角,总结了一系列当下产品设计的问题,并给出了自己的见解和解决方案。下面进入译文。『下载 app → 打开 → 启动画面 → 阅读教程 → 注册 → 等候 → 授权 app 发送通知 → 授权 app 使用地理位置 → 邀请朋友 → …』作为一个热爱研究移动转载 2015-06-07 22:03:43 · 584 阅读 · 0 评论 -
(10.1.4.1)Material Design设计规范学习心得
随着Android系统从Android 4.4逐步升级到Android L。Material Design作为Android Design演进的最新标准规范,也推出其完整的设计规范。Holo Themes作为之前Android Design的官方推荐的示例主题已经被广泛应用到各个应用的设计当中,尽管绝大部分应用没有完全符合设计规范,但是可以看到这一年来这些应用都在向规范去努力。从整体的概述转载 2015-05-16 20:44:06 · 1491 阅读 · 0 评论 -
(10.1.2.1)CMDN Club第十期:Metro精彩设计理念与案例分享
似乎用过Windows Phone 7的人,都会被Metro的操作体验折服。虽然看上去好像就是把小图标放大、将圆角改成方形、去掉阴影而已,但事实上,Metro已经脱离了自PC进入人类生活以后,植入人们意识中的icon的设计理念。用Metro,有一种花样滑冰般舒畅和灵动的美感。那么到底Metro是什么?如何设计好的Metro?应该注意什么?在12月8日微软大厦内举行的Metro精彩设计理念与转载 2015-05-16 16:07:46 · 852 阅读 · 0 评论 -
(10.1.3)扁平化设计五大原则
这段时间以来,扁平化设计一直是设计师之间的热门话题。每个人都有自己的独特认识,有的非常喜欢而有的人却恰恰相反。那什么是扁平呢?designmodo设计师Carrie Cousins在网站上介绍了扁平化的五大特点,以及“准”扁平化设计的优缺点。CSDN编译如下。Cousins表示他虽然对扁平化设计的感觉非常强烈,但并没有特别热爱或者特别讨厌扁平化设计。他认为好的设计不应当局限于某种设计风格,转载 2015-05-16 16:15:08 · 1474 阅读 · 0 评论 -
(10.1.1)UI关键词
扁平化WindowsWinPhone Metro UI扁平化顾名思义,扁平化设计仅仅采用二维元素。所有元素都不加修饰——阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮,再到导航栏都干脆有力,需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。拒绝特效。 祛除了渐变,阴影,质感,等各种修饰手法,仅用简单的形体来表达,显的干净利落仅使用原创 2015-05-16 16:04:43 · 1273 阅读 · 0 评论 -
(10.1.4.1)拟物设计—把物品融入页面
互联网诞生于上世纪60年代末,在90年代的时候进入中国并以飞快的速度普及开来。在互联网普及和发展的同时,做为互联网的视觉艺术的网页设计也得到了一日千里的发展,设计表现手法日新月异,强设计感页面不断冲击我们的眼球。为了吸引用户,特别是一些内容不受框架限制的活动,在设计表现也更显多样化,融入了更多元素,页面不再单一从一个标题,或美丽配图作为吸引点,整体感强的设计思路使页面更加独特。以下几种网页转载 2015-05-16 17:15:48 · 1104 阅读 · 0 评论 -
(10.1.4)拟物设计
亲们,还记得小学时老师让我们造句么?请用拟人或者拟物的手法造句~~“春天迈着轻盈的步伐来到了我们的身边”~“他总结失败的教训,把失败接起来,焊上去,作为登山用的绳子和梯子,成功是由失败而累积起来的”~前面把春天比作了人,是拟人的手法,而后面一句将失败和成功物化了,有体积可堆积,把抽象概念当作实物来写,是拟物的效果。此类拟物的手法还例如鲁迅sir的一句话:“公理”,几块钱一斤?等等等等,不胜枚举啊~转载 2015-05-16 17:14:02 · 931 阅读 · 0 评论 -
(10.1.3.4)UI设计,扁平化还是拟物化?
2010,当windows phone开始扁平化的时候,换来的是世人的嘲笑。2011,当安卓4.0开始扁平化的时候,人们把这当作安卓是为了和苹果抵抗,标新立异。2013,ios 7开始扁平化,这股设计风格成为设计潮流。拟物设计就是追求模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现(也可适当程度变形和夸张);扁平化设计就是摒弃以上对效果(尤其是高光、转载 2015-05-16 17:05:26 · 1623 阅读 · 0 评论 -
(10.1.3.2)浅谈扁平化设计—– keep it simple
2013可以说是扁平化设计的一年。 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索。什么是扁平化设计?对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰。从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色彩,最后配上粗重醒目,而风格又复古的字体。转载 2015-05-16 16:48:03 · 1467 阅读 · 0 评论 -
(10.1.4) Material Design设计规范
下面的内容是在《移动互联网沙龙开年篇》做的一点分享,关于Material Design设计规范相关的。 作为技术开发者需不需要了解设计规范?个人认为非常需要,一个交流的需要,另一就是了解相关的设计才能储备相应地知识,知道UI开发的方向。这问题非常希望读者能留言讨论。 Android的设计风格变迁可以划分到三个时代:1、无序时代转载 2015-05-16 17:31:30 · 985 阅读 · 0 评论 -
(10.1.4.2)知道拟物化(skeuomorphism)是怎么回事吗?这个视频够直观
从拟物化的iOS 6转到iOS 7已经有挺长一段时间了,看到这个视频的时候,那感觉要怎么说呢,既熟悉又陌生,恍如隔世。先上视频:从图形用户界面(GUI)诞生之日起,现实世界的种种物体/对象就被用作了人与电脑互动的视觉隐喻,这也是Windows操作系统所用的“桌面”“文件夹”等对象和词汇背后的基本前提。而现在,一群学生别出心裁地把iPhone上的种种拟物化(skeuomorphic )设转载 2015-05-16 17:24:35 · 816 阅读 · 0 评论 -
(10.1.2)Windows Phone灵魂诠释:Metro UI界面完全解析
Metro在微软的内部开发名称为“ typography-based design language”(基于排版的设计语言)。它最早出现在微软电子百科全书95,此后微软又有许多知名产品使用了Metro UI,这包括:Windows媒体中心、Zune播放器等等。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)。Metro UI最新的应用是windows phone 7智能手机转载 2015-05-16 15:41:04 · 1063 阅读 · 0 评论 -
(10.1.8)高保真VS线框图,哪一种交互稿更能清晰准确地描述产品?
很多产品经常会纠结怎么把原型画得好看,哪个原型工具要彻底学会并熟练使用等等。但是团队的其他成员并不会关心你的原型画得多好看,也不关心用什么工具画,如果你能准备清晰表达出产品框架内容,也许在纸上画他们也会接受吧。当然,为了提高工作效率,我们还是会用到一些工具,比如axure、墨刀、摩客等等。工具很多也很好用,但是如何利用工具清晰准确地向团队成员描述我们的产品又是另一回事了,今天就以axure为设计工转载 2016-02-27 16:46:58 · 932 阅读 · 0 评论