设计元素的应用条件
- - 曉生讨论方案时，设计师常会提议，某产品的某个元素（如按钮或功能）设计的挺好，设计存在很多可能性，发散思维时不论对错. 但实际应用时，要考虑元素的应用条件，切不可随大流，盲目地照搬套用. 选择最合适的设计，而不是最流行最酷的，围绕品牌特性做设计，让产品形成与众不同的气质. 比如错误的提议：现在流行Metro风格，我们也这样设计吧.
设计元素的应用条件
标签：
晓生
交互设计
| 发表时间：2013-01-11 20:45 | 作者：晓生
出处：http://daichuanqing.com
讨论方案时，设计师常会提议，某产品的某个元素（如按钮或功能）设计的挺好，设计存在很多可能性，发散思维时不论对错。但实际应用时，要考虑元素的应用条件，切不可随大流，盲目地照搬套用。选择最合适的设计，而不是最流行最酷的，围绕品牌特性做设计，让产品形成与众不同的气质。
比如错误的提议：现在流行Metro风格，我们也这样设计吧。
较好的提议是：Metro风格适合内容型应用，弱化按钮的UI元素，突出内容本身，而我们是工具型应用，主界面需要突出某个按钮或引导用户执行某项操作。
侧边栏
1.增加界面的可视化主体区域
2.操作比常规的标签栏导航麻烦，需要二次操作，侧边栏不适合频繁切换，需要一个非常重要的主界面（如Timeline）
3.标签栏导航内容一目了然，但侧边栏需要用户记忆成本
4.标签栏导航一般5个，而侧边栏可以显示较多信息
5.侧边栏有利于减少界面层级
6.侧边栏的内容过多时，一定要分类，便于用户查找
快捷按钮
1.增加内容的可视化区域
2.适合放置同类按钮（拍照/签到等功能）
3.不适合需要频繁切换的导航操作，优先保证效率，而不是酷炫
4.不适合放置过多选项
思考：淘宝左下角的按钮设计是否合适？
订阅功能
1.操作成本高，用户理解产品架构，查找发现和组织自己喜欢的内容
2.对内容要求：足够的复杂和繁多，常规的首页内容展示无法满足大部分用户需求
3.订阅之后内容有持续更新
4.更适合平台型产品，比如Flipboard
相关 [设计 元素 应用] 推荐：
送给 iOS 应用 UI 设计者：iOS 界面元素 PSD 素材
- 马克叔叔 - 果迷网早在 8 月份我们曾给大家推荐过 Jonatan Castro 和 Joshua Geiger 的 OS X Lion 下应用程序 UI 素材文件，无论你是专职 UI 设计师，或是开发人员，或只是突发奇想，都可以使用这些制作精美的、专业水准的素材构建自己心目中的软件界面. 今天我们再给你带来 Teehan+Lax 制作的 iOS 系列的界面素材 PSD 文件，前边的是iPhone 4S 以及 iOS 5 的图形界面素材，后边的是旧版本 iOS 以及 iPhone、iPad 的素材.
网页设计中的方块元素
- - 可乐橙当你欣赏下面这些案例时，留意一下他们如何以及为何使用矩形或正方形元素，会使得你思路大开. 此处列举的方块元素，被用来对齐、组织、装饰、排列页面上的方与圆. 在设计中使用方块元素有很多方法和原因. 或许这对你而言有点哲学和理论化，我们来看看别人选择方块布局的原因. （顺便提一句，我所指的方块也包括矩形，有些案例也使用矩形.
浅谈网页元素与页面的转场设计
- 章明 - 互联网的那点事在电视作品中，段落与段落、场景与场景之间的过渡或转换，叫做转场. 为了使电视片内容的条理性更强、层次的发展更清晰、在场面与场面之间的转换中，需要一定的手法. 网站也是类似的，一个完整的网站由若干页面组成，而每个页面又由若干元素组成. 为了使网站内容的条理性更强、操作逻辑更清晰、用户体验更好、用户转化率更高，在不同元素与页面的转换中，也需要一定的技巧.
【界面设计】一组UI元素分享
- - 爱午茶 创意烘培坊今天午茶分享一组 UI元素. 包括各式各样的按钮，导航条，进度条等. 希望能给从事 UI设计的朋友们一些帮助. 版权所有， 爱午茶 创意烘培坊 如果您喜欢爱午茶，请前往官方站点支持. 【每周站点】IMDB站点UI设计. 【素材】Leopard UI源文件. 【界面设计】Skimmer UI设计欣赏.
设计元素对创业成功的影响有多大？
- - 动点科技-独立原创科技博客把产品投放到市场检验，收集反馈，再修改，对创业企业而言总是很重要的一步. 这也是为什么通常一款设计精良的产品、网站或是应用，在正式进入市场之前，得花很长时间. 不过最近在美国，有一个趋势是，那些拥有强大设计背景的创业公司，通常能够更快地获得成功. 为了证明我的观点，我们来看几个典型的例子吧. 首先，是苹果的Steve Jobs，他以对设计几乎病态的苛求和执着而出名.
Android 4.0用户界面设计和元素－ICS简介
- - 博客园_新闻最新的 Android 冰淇淋三明治(Ice Cream Sandwich, ICS)操作系统，不仅仅是用户界面(UI)的简单改变，它几乎是对整个 Android 系统界面的重新定义. 为了让你更好地为 ICS 系统设计和开发应用，这里有一个简单的介绍和指南. 内容和活动导航：选项卡和下拉选项 (Tabs and Dropdowns).
响应式设计-谈谈伪类和伪元素
- - 收集分享互联网资源!啥是伪元素，我想还是从我们熟悉的东西开始吧. 可能我们最初接触伪类和伪元素应该是从 a （链接标签）开始的，我们通过 :link, :visited, :hover, :active,通过这些伪类，我们就改变了那些链接的文字颜色，也就是说我们改变了被选择元素的某些状态. 关于伪类的定义，我从 MDN 看到的描述是这样的：.
用户体验设计视觉元素构成
- - 浏览器 - 互联网 - ITeye博客一般来说，网站的视觉元素主要有文字、图片、表单和按钮四大类，还包括标签，列表，多媒体等等，这些都是网站外观设计的组成部分，服从于网站的整体风格需要. 用好网站视觉元素，能更好的指导和协助用户完成网站上的任务流程，使用户获得良好的在线体验. 让文字易辨识. 字体是帮助用户获得与网站的信息交互的重要手段，因而文字的易读性和易辨认性是设计网站页面时的重点.