一.马蜂窝 http://m.mafengwo.com…

生活中大家或多或少都会有迷路的经验,但你是不是从来没思考过迷路的定义是什么? 迷路的定义其实有两个核心: 1.想要到达一个目的地. 2.不知道自己在哪里,应该往哪走. 和生活中的迷路一样,我们在使用APP过程中也可能会「迷路」.因为我们使用APP时同样需要到达一个页面,如果没有合适引导,我们很难知道他需要怎么跳转才能到达自己想要的页面.在APP中,导航设计起到的正是这种关键作用:让我们了解他此时在哪个页面,他想要到达某个页面应该怎么跳转. 下面我们通过实例从是什么.为什么.怎么做这三个方面来介绍…

1,权限管理的db设计和dao实现,尽量简单快速有效: db的设计如下:权限按照角色来赋给用户: 权限对应每一个具体的功能,有菜单级别的,有导航级别的,还有页面级别的功能: 涉及到权限的敏感操作一般都要记录日志,不仅要记录到log里还要记录到远程的db里,以备审计.学习的时候暂时不用,但是为了全面考 虑设计,这里还是加上: 表名 建表的sql文,这里使用mysql数据库,因为是学习用的,后面会尝试用jpa去替换现在的dao,做到对db支持的灵活性 dt_role DROP TABLE IF EX…

1. 架构设计的目的 对程序进行架构设计的原因,归根到底是为了提高生产力.通过设计使程序模块化,做到模块内部的高聚合和模块之间的低耦合.这样做的好处是使得程序在开发的过程中,开发人员只需要专注于一点,提高程序开发的效率,并且更容易进行后续的测试以及定位问题.但设计不能违背目的,对于不同量级的工程,具体架构的实现方式必然是不同的,切忌犯为了设计而设计,为了架构而架构的毛病.举个简单的例子,一个Android App如果只有3个Java文件,那只需要做点模块和层次的划分就可以,引入框架或者架构反而提…

http://www.geekpark.net/read/view/199244 Android 应用中十大导航设计错误 http://mobile.51cto.com/design-432944.htm Android消息推送完美解决方案全析 http://mobile.51cto.com/aprogram-433822.htm http://mobile.51cto.com/aprogram-434016.htm…

Jason Grigsby发表了篇文章,<CSS Media Query for Mobile is Fool’s Gold>对媒体查询(media query)吐槽,大意是在移动设备上使用媒体查询会造成很多资源的浪费——浏览器请求到很多用不到的图片等资源,然后写了一些测试用例测试一些可用方法.然后Tim Kadlec写了篇<Media Query & Asset Downloading Results>,用js自动化的测试了Jason Grigsby的用例. 本文主要整理…

近期在设计APP原型,用EXCEL,用Axure.但无论工具如何,产品本身的界面布局和交互设计确实逃不掉的!网络中有关于APP导航设计的总结: 第一种:app标签导航  易用性:★★★★★   趣味性:★ 标签导航位于页面底部,通常包含5个标签是比较合适的数量.这种导航是非常常见的,如果需要用户频繁的在不同分页切换,可以采用这种导航.它的缺点是会占用一定高度的空间.如微信最新版的APP界面设计图. 第二种:APP舵式导航  易用性:★★★★★   趣味性:★ 目前流行一种标签导航的变体,个人把它…

最近在做一功能不大.业务也不复杂的小众App,以往做App是发现自己从来没有考虑过一些架构方面的问题,只是按照自己以往的习惯去写代码,忽略了App的设计.本次分享主要包含一些开发App的小经验和技巧,来一次App开发与设计的分享. 先和分享下一下**实体类的设计与组织形式** ### 实体类的组织 在做App开发的时候有很多的实体类,项目越复杂实体类就会越多,经过我的一番思考大致这可以将实体分为以下几大数: * 面向数据库的 * 服务端返回的数据实体 * 用于渲染View的实体(使用Databi…

今天编程时,突然想起来在一些异步操作或Android原生库的时候,需要我们实现一些方法, 这些方法只需要我们具体实现,然后他们会在适当的时候,自动被调用! 例如AsyncTask,执行玩doInBackground()后会执行处理结果的postResult()方法,但我们并没有设置过他们的执行顺序. 以前只知道他们的运行原理,但不知道具体的实现方法,细想起来,这是一个相当不错的代码设计,所以决定研究一下. 因为一开始是通过实现方法来具体实现那些需要被执行的方法的,所以以为实现的方式是接口, 思索…

现如今,设计师可以说是一个自带光环的Title,很多深藏不漏的UI设计师们都在以自己的方式为产品设计做出贡献,卤大湿便是这其中之一. 精分青年卤大湿,这个在UI中国上是张酷酷的鲁迅头像的UI设计师,是一个真正意义上的UI大师.不仅自身技能过硬,还非常乐于分享自己的设计经验,态度温和却眼光独到. 说起来,卤大湿和摹客还是很有缘分,早在摹客团队发布摹客设计系统(Design system)的时候,卤大湿就是摹客设计系统的第一批体验者,他曾在<制作一款APP的设计规范文档>中分享过他的设计经验,也分…

今天来学习了scala中的list和ListBuffer scala list 内部很多操作是listbuffer做的,因为改变元素,listbuffer非常高效,tl是var类型的  ,但是他属于scala包及子包,我们看上去是可变的,但是由于包的限制我们看不到.list列表 追加元素,如果tl前面没有 private[scala],可以改变除了第一个元素,其他所有元素构建的list,因为我们有同样的 tl,追加不同的元素,构造不同的列表,可以共享case  class ::,操作尾部的列表…

1.创建带侧滑效果的activity 右击,new---->activity---->选择NavgationDrawer Activity 2.xml文件布局 (1)activity_main_function.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://sche…

WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结. 从使用场景上,WebAPP用户面临比原生APP用户更严峻的问题: 1.页面跳转更加费力,不稳定感更强 思考点:如何减少跳转(扁平结构.页面布局技巧),增加数据及展示的流畅流程及稳定性(技术) 2.更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担 移动设备的屏幕要小得多.这种如同透过门缝进行的阅读增加了…

导航栏(navigation bar): 1.指位于页眉区域的,在页眉横幅图片上边或下边的一排水平导航按钮,它起着链接博客的各个页面的作用. 2.网页设计中不可缺少的部分,它是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容,是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道. 3.导航条的目的是让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,让用户在浏览网站过程中不至迷失. 4.为了让网站信息可以有效地传递给用户,导航一…

从去年开始就负责公司WebApp的产品跟设计工作,最近整体大改了两个版本,也算累积了一些实际的经验.在不断学习的过程中,发现对于WebApp可以直接用于项目上的资料比较零碎,在这里总结一下,供初做 WebApp的设计师在实际项目中参考. 设计尺寸:基于宽度320px 一般大家看到的移动端设计尺寸参考都是基于ios或者Android,是绝对不能直接用于WebApp的设计中.而且常用的PS Play也不适用查看WebApp的效果. WebApp本质上还是一个网页,它的尺寸(特别是宽度)是依赖于每个手…

导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向.现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一新.这篇文章将聚焦导航菜单,分享我们对于导航菜单的认识和体验. 一.导航菜单有什么作用? 1.    提升产品内容和功能结构和层次 导航是APP的骨架,支撑着整体的内容和信息,让内容按照信息架构有机地结合在一起,直观而清晰地展示在用户面前,从而使零碎的内容变得充实而有序.结构化的同时也增强了生态感.…

高可用HA(High Availability)是分布式系统架构设计中必须考虑的因素之一,它通常是指,通过设计减少系统不能提供服务的时间. 假设系统一直能够提供服务,我们说系统的可用性是100%.如果系统每运行100个时间单位,会有1个时间单位无法提供服务,我们说系统的可用性是99%.很多公司的高可用目标是4个9,也就是99.99%,这就意味着,系统的年停机时间为8.76个小时. 百度的搜索首页,是业内公认高可用保障非常出色的系统,甚至人们会通过www.baidu.com 能不能访问来判断“网络…

每个设计师不时会有创意灵感缺失.大脑一片空白的状态.盯着一个空白的屏幕,发愁着“好吧,我现在该做什么呢?该怎么做呢?”有些人喜欢静待,但这不是唯一的一个方法.焦虑的客户或者是你自己的不耐烦,都会让你无比头痛, 所以我们分享七个积极有效的方法来解决你设计时遇到的灵感枯竭. 这些都是在我们实际工作中总结的,我们认为它们也会对你的设计工作有所帮助. 1. 不要停止设计,即使它不完美 最大的区别在于没有好的想法和没有任何想法.有趣的是,如果你有更多不好的想法,那么更多的压力会迫使你想出好的方案来.在没有…

分三部分陈述,分别是元素呈现/版面设计/导航设计/. 1 元素呈现 文本 (1)字符表现策略 少用宋体 多用黑体,微软雅黑等 少用艺术字 (2)段落表现策略 条目化 一行一条 用符号简化文字描述 按有效表现的策略排列 层级的表现结构(低一级的内容向右移动:最多不超过三级结构) (3)页面表现策略 每页呈现一个较为单纯的内容 每页不超过10行,最好是7行一下(若内容过多,应分为多页) 每页讲演的时间不宜过长,否则影响注意力集中(学会:2~3分钟:讲课:3~5分钟) 图片 (1)图片的表现策略 包括…

1.明确页面设计在整个产品设计中的位置 互联网产品设计的流程大致是:产品定位——需求分析——信息架构设计——流程设计——页面框架设计——设计说明——输出设计文档.可以看到页面设计是处于整个流程的后期,所以前期必须去和产品经理或者用研人员反复沟通,明确产品定位.明确需求.了解业务流程,然后再梳理信息架构.产品的导航形式.任务流程和页面流.不管产品经理还是交互或UI,都要去了解这些,并反复沟通,这是基础,所有的设计脱离了用户和需求都是耍流氓. 其实这也是我在以前文章中反复强调的,只要你从事的是产品设…

页面框架设计只是整个产品设计中的一环,不要把眼界局限在这一环,也不要只站需求.只站在交互.只站在视觉上思考问题,从多个角度看问题,你才会学会成长. 产品设计是一个系统工程,单独拧出来其中一个流程来讲,都是割裂的,但在实际中又必须割裂出来,因为只有割裂出每个流程,把每个流程都想通想透,才能组成完整的产品设计的知识体系.那怎么来权衡整体和局部,系统和部件,也是一门大学问. 一.明确页面设计在整个产品设计中的位置 互联网产品设计的流程大致是:产品定位——需求分析——信息架构设计——流程设计——页面框架…

很高兴我的第一本书由图灵出版社出版.本书总结了我这些年来对框架学习.研究的总结,里面纯干货,无半句废话. 书的详情请看互动网的销售页面:http://product.china-pub.com/3770890 精彩推荐: “这本书最大的价值就在于告诉你如何在实战中运用平时学到的知识,如何站在不同的角度分析和解决问题.与市面上其他图书不同,这本书中的内容都是清培在工作中遇到实际问题后分析得出的经验.对我而言,里面的各种设计都具有独到的见解,往往能将复杂的问题简化成优雅的模式.”  ——刘星亮,携程…

原文: http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=444322139&idx=1&sn=c7bef4d439f46ee539aa76d612023d43&scene=1&srcid=0105PiNf2cwY7DMCyEWBJfEL#rd 我几周前写过一篇文章,叫<被误解的 MVC 和被神化的 MVVM>,其中的很多思想是和本文的作者 Lancy 交流获得的.当时很多人回复问:能直接上猿题库的…

如需转载请注明出处:http://www.cnblogs.com/ghylzwsb/p/5831759.html 创建一个抽屉导航栏 抽屉式导航栏是显示在屏幕的左边缘,它是应用程序的主导航选项面板.它大部分时间是处于隐藏状态的,但是当用户从屏幕的左边缘挥动手指时它就会显示出来,而在应用程序的顶层,用户触摸操作栏上的应用程序图标也可以将其显示出来. 本课程介绍在可用的API 支持库下如何实现导航抽屉DrawerLayout. 首先我们可以看一下最终的效果图: 1.创建一个抽屉布局文件(Drawer…

对TV端产品设计的分析太特么少了.翻遍网络,大多也是针对UI设计的分析,这篇从产品设计的角度,梳理下现有的TV端产品设计法则,顺道做点分析.(前方多图,高能预警) 目录: 1. TV端产品使用场景 2. TV端产品设计法则 3. TV端产品设计分析 4. 总结 1 TV端产品使用场景 电视使用环境 1)距离远:智能电视尺寸几乎均大于42寸,使用环境应该在2.7-3.5米之间.虽然屏幕尺寸大,但操作距离远,单屏信息量小. 2)灯光暗:用户在使用电视时,多灯光昏暗,有可能后仰躺在沙发里,有可能在一边…

前言:相信每个移动开发project师都会遇到,当一个项目开发启动时,须要考虑搭建怎么的框架.一个好的框架.也会决定着一个APP的前途与命运.框架的风格,如今常见的有八种:标签导航.舵式导航.抽屉导航.宫格导航.组合导航.列表导航.tab导航.轮播导航.近期在网上收集到一些资料.正好和大家分享一下.感谢原作者的贡献. 当我们确定了移动APP的设计需求和APP产品设计流程之后,開始着手设计APP界面UI或是APP原型图啦.这个时候我们都要面临的第一个问题就是怎样将信息以最优的方式组合起来? 或许我…

原文:[原创].NET 分布式架构开发实战之三 数据访问深入一点的思考 .NET 分布式架构开发实战之三 数据访问深入一点的思考 前言:首先,感谢园子里的朋友对文章的支持,感谢大家,希望本系列的文章能够真正的对大家起到一点帮助的作用.再次感谢大家. 大家也许想问,什么时候出代码,代码一定会出的,我不想一上来就开始抛出一大堆的代码,然后讲解,架构的设计在思考的过程,思考到了,代码也就水到渠成了. 上篇文章讲述在设计之初,Richard所画出的一些草图,本篇对之前的草图做了进一步的思考. 本篇的议题…

第一步:认识设计启蒙必备知识 学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知.在开始正式学习前,你需要花足够的经历去了解和查阅它的起源.发展.应用.未来. UI作为平面设计的一部分,再往上又从属与美术学这一大类.因此,首先要先去了解整个美术史的发展.从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平面设计艺术是如何发展壮大走进千家万户,并且有哪些经验成功过度到后来的UI设计中.那些享誉中外的艺术大师…

摘要:你在网页设计所学到的大多数教训都来自工作经验.学习是一个反复持续的过程,并且没有比犯错更好的方式来获得知识.在本文中,我们将讨论10个重要并常规的技巧,这是每位Web设计师新手都应该知道. 在做网站时会遇到很多的问题,所以Web设计师通常要扮演多种角色,并且要掌握如何构建一个有效实用的网站布局知识. 你在网页设计所学到的大多数教训都来自工作经验.学习是一个反复持续的过程,并且没有比犯错更好的方式来获得知识(从错误中学习).在本文中,我们将讨论10个重要并常规的技巧,这是每位Web设计师新手…

一个RtspServer的设计与实现和RTSP2.0简介   前段时间着手实现了一个RTSP Server,能够正常实现多路RTSP流的直播播放,因项目需要,只做了对H.264和AAC编码的支持,但是相信其他编码的实现基本逻辑也是想通的.这里我把主要设计和思考过程,以及实现框架分享一下.因为关注的是直播,这里只讨论RTSP直播协议. RTSP协议概述与RTSP2.0   众所周知,RTSP协议是一个流媒体协议,可以实现直播和点播形式的音频与视频流的播放.RTSP协议定义了多种服务器-客户端之间交…