UI设计 - 手机列表风格总结

1       概述

1.1     背景

对UI设计过程中常见的列表风格进行总结。希望对后续的设计工作有所帮助

1.2     预期读者

UI设计师,用户体验设计师,项目经理,美工

1.3     作者

张云飞 写入 2014-8-13

2       普通列表风格,Plain style

2.1     原型样式

2.2     特征

左侧图片,中间文字,右侧扩展图标。右侧图标可有可无。

2.3     线框图

2.4     各个区块的命名

2.5     截图

3       分组列表风格,grouped style

3.1     原型样式

3.2     特征

分成上部标题和圆角矩形子项区块。圆角矩形区块包含多个子项。图标可有可无。

3.3     线框图

3.4     各个区块的命名

3.5     截图

4       主次标题风格

4.1     原型样式

4.2     特征

左侧图片,主标题,次标题

4.3     线框图

4.4     截图

5       参考

容芳志博客 http://blog.csdn.net/totogo2010/article/details/7642908

百度图片

IOS TableView控件描述

UI设计 - 手机列表风格总结,布布扣,bubuko.com

时间: 2024-12-22 21:55:44

UI设计 - 手机列表风格总结的相关文章

手机UI设计 - 列表风格总结

1       概述 1.1     背景 对UI设计过程中常见的列表风格进行总结.希望对后续的设计工作有所帮助 1.2     预期读者 UI设计师,用户体验设计师,项目经理,美工 1.3     作者 张云飞 写入 2014-8-13 2       普通列表风格,Plain style 2.1     原型样式 2.2     特征 左侧图片,中间文字,右侧扩展图标.右侧图标可有可无. 2.3     线框图 2.4     各个区块的命名 2.5     截图 3       分组列表风

移动手机组态软件UI设计思路探讨

监控组态软件是集计算机技术.控制技术.网络技术为一体的高新技术产品,具有控制功能强.操作方便和可靠性高等特点,可以方便地用于对工业现场进行数据采集和监视控制.监控技术经历了单机监控系统.集中式监控系统和网络范围的远程监控三个发展阶段.远程监控是指本地计算机通过网络系统对远端现场智能设备进行监测和控制.从架构模式上区分,监控组态软件大致可分为C/S(客户端/服务器)模式和B/S(浏览器/服务器)模式两大类.目前,国内的监控组态软件以传统的C/S模式为主,而借助日益普及的Internet网络或者LA

30款免费的手机UI设计资源

在 原型设计阶段,我们会尽量寻找一些灵感刺激大脑,从而让我们的想象力飞-灵感给了我们很好的开始,但是当我们把灵感化为现实的时候,又需要一些实用而又高 效的组件来完成.即使你有非常善于把灵感实例化在草稿中,但有时候事情紧急,就像一个人落水了,你需要马上给它一个救生圈.基于种种原因,我这里有一个可 以一石二鸟的方法,既可以花很少的时间,以可以为项目省钱. 这里有很多种选择,你可以通过以下的工具包来完成复杂的设计.不要再犹豫了,这最这个夏天无数个天才设计师设计出的解决方案,它们都是免费的. 手机UI工

Android手机应用UI设计的10个建议

随着各种牌子的手机越来越多的发行,手机应用这一行业也变得炙手可热.除了大的开发团队,小团队,以及个人开发者,纷纷加入到这一热门行业. 每个开发循环迟早到会走到应用几近完成这个点.接下来要做什么呢?你可曾重视"用户体验"这四个字?以下有10个技巧能够使你开发的手机应用在发布前提升质量,最大化发掘该应用的潜力,从而最小化用户差评和低下载量这种不良结果. 1.首次开启体验 优秀的网站和手机应用有诸多相似之处.这两者都能够迅速吸引用户或访问者.如果没有做到这点,用户很可能会转而寻找其他替代品.

Android 系统UI设计规则

1. Android UI技巧 1.1 不该做什么 1.2 该做什么 2. Android UI 设计理念和注意事项 2.1 Android UI设计理念 2.2 优秀UI设计准则 2.3 设计需要考虑 3. Android UI 框架特性/界面布局 4. Android UI 图标设计原则 4.1 图标的尺寸规则和密度 4.2 图标的设计规则 5. Android UI 开发的GUI工具包,图标,字体和工具 5.1 视觉开发工具 5.2 Android 模板.PSD.矢量工具 5.3 Andr

Android UI设计规则

Android UI技巧 1.1 不该做什么 l  不要照搬你在其它平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台整体观感之间做好平衡 l  不要过度使用模态对话框 l  不要使用px单位,使用dp或者为文本使用sp l  不要使用固定的绝对定位的布局 l  不要使用太小的字体 1.2 该做什么 l  要为高分辨率的屏幕创建资源 l  要使用适当的间距 l  要正确管理活动(Activity) l  要正确处理屏幕的方向变化 l  需要点击的元素要

UI设计网站内容大分类

对于初学UI设计或者交互设计的设计师,有很多知识来源于网络资源的共享,有的选择了一些UI设计培训机构学习基础,有的选择了在各大网站上吸取知识,然而万变不离其宗,无论从哪里学习过来的东西,吸取到才是自己的东西,在交互设计中,我们需要清楚知道不同网站的不同特点与优势. 一.作品展示网站 1.站酷  http://www.zcool.com.cn/ 里面覆盖了很多作品,网页,APP等相当不错的作品,也有很多优秀包含广泛内容的文章. 2.UI中国  http://www.ui.cn/ 从名字可以看出,U

如何设计手机网站

由于智能手机的大量使用,使得浏览者通过手机几乎要办一切事情了,当然包括浏览手机网站.这导致企业甚至是个人掀起了一股手机网站建设的热潮,企业通过手机网站与微信公众号关联,实现企业的宣传和在线业务,个人则建手机网站玩一玩.炫一炫,显示一下自己的弄潮能力!那么,作为手机网站建设的第一个环节-手机网站设计,怎么做才能让用户愿意浏览,并且提高用户体验呢?这个问题非常重要,在网站.APP如海的互联网上,要想让您的手机网站能够独树一帜.给用户留下深刻印象,就必须在设计手机网站上下功夫,否则是很难实现的. 1.

全是干货!UI设计的30条黄金准则!

http://www.wex5.com/portfolio-items/js-1/ 全是干货!UI设计的30条黄金准则! 总的来说,好的UI界面有几个特征:简洁.便利.目标明确.人性化.字面上看这几点貌似很简单,但是考虑到我们的营销目标.考虑到内容复杂度,要确确实实达到这个目标却非常困难.下面列出的这些经验,一直以来在WeX5应用开发者社群中反复被验证,简单实用.极具操作性,WeX5开发工具强烈推荐给所有应用开发者及爱好者! 注:内容转化率是指用户浏览页面的时候能被用户吸收的内容比率. 1. 尝