学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评.然而万变不离其宗,移动端页面常用的布局,不外乎以下8种. 1.列表式布局 简书·列表式布局 特点:内容从上向下排列,导航之间的跳转要回到初始点 优点:1.层次展示清晰明了 2.视线流从上到下,浏览体验快捷 3.可展示内容较长的菜单或拥有次级文字内容的标题 缺点:1.导航之间的跳转要回到初始点,灵活性不高 2.同级内容过多时,用户浏览容易产生视觉疲

游戏UI框架设计(五) --配置管理与应用 在开发企业级游戏/VR/AR产品时候,我们总是希望可以总结出一些通用的技术体系,框架结构等,为简化我们的开发起到"四两拨千金"的作用.所谓"配置管理"是指一个游戏项目(软件项目),很多需要经常变化的需求或者数据,最好以配置文件的形式存在,从而代替"硬编码"方式.      这里笔者就对游戏产品中大量应用到动态加载的情形,开发出一套通用的配置管理(脚本)工具.该工具可以很方便的对于具备"键值对&

本文将介绍21个免费的UI界面设计工具.资源及网站,如果你在做用户体验设计.界面设计.产品设计.JS前段开发.手机产品设计以及iPad和平板电脑产品设计,不妨来看看. AD: 2013云计算架构师峰会超低价抢票中 我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产品设计等使用. 内容导航 第 1 页:原型界面制作工具Lumzy 第 2 页:在线工具

谈谈UI架构设计的演化 经典MVC 在1979年,经典MVC模式被提出. 在当时,人们一直试图将纯粹描述思维中的对象与跟计算机环境打交道的代码隔离开来,而Trygve Reenskaug在跟一些人的讨论中,逐渐剥离出一系列的概念,最初是Thing.Model.View.Editor.后来经过讨论定为Model.View和Controller.作者自言“最难搞的就是给这些架构组件起名字”. 因为当时的软件环境跟现在有很大不同,所以经典MVC中的概念很难被现在的工程师理解.比如经典MVC中说:“vi

前言 啦啦啦~本学期要开始学习Android开发啦~ 博主在开始学习前是完完全全的小白,只有在平时完成老师要求的实验的过程中一步一步学习~从此篇博文起,博主将开始发布Android开发有关的博文,希望能在学习中和各位共同探讨,一起交流,共同进步~ 话不多说,首先进入我们的正题~Android开发一基本UI界面设计——布局和组件(Android Studio的配置安装使用等在以后为各位补上~) 基础知识 Android的组件分为布局和控件.布局,就是让控件在里面按一定的次序排列好的一种组件,本身并

本文整理了一些2016年度最受欢迎的文章,例如有关UI / UX设计的理论知识,书籍和工具,如何做出更好的设计的方法和建议,以及新的设计趋势. 1. 2017年用户体验设计趋势 我们期待着2017年用户体验设计将如何发展.同时,我们对用户体验的过去,现在,以及对将来的预测都有一些看法. 2. 设计是为什么? 某些方面来讲,这种知识是苦乐参半的. 没有什么是永恒的.你想做一个改变世界的东西,但是在很久以前,世界就已经改变了. 它不再激发同样的奇迹. 考虑到时间问题,我们总是要求得更多. 3. 设计

游戏UI框架设计(一) ---架构设计理论篇 前几天(2017年2月)看到一篇文章,国内王健林.马云等大咖们看好的未来十大最有"钱途"产业中,排名第一的就是"泛娱乐". 所以我们发现最近几年无论是BAT企业还是万达等,都纷纷投资游戏.电影.动漫等泛娱乐产业. 随着人们物质生活的不断提高,游戏(包含端游/手游/VR/AR等游戏形式)产业只会越来越繁荣.但是问题来了,我们一线的游戏研发人员面对越来越复杂与规模庞大的游戏开发需求(策划文稿),越来越多的开发人员就更加重视与

游戏UI框架设计(二) --最简版本设计 为降低难度决定先讲解一个最简版本,阐述UI框架的核心设计理念.这里先定义三个核心功能: 1:UI窗体的自动加载功能. 2:缓存UI窗体. 3:窗体生命周期(状态)管理. UI框架设计主要目的,就是尽可能的完成一些与具体游戏功能逻辑无关的一些底层事务性的功能实现.这些功能最好是自动或者是半自动的实现,无须客户程序(调用框架的程序)再去过多处理与关心. 对于以上功能,笔者定义了UI框架的相关四个核心类: BaseUIForms    基础UI窗体脚本(父类,

游戏UI框架设计(三) ---窗体的层级管理 UI框架中UI窗体的"层级管理",最核心的问题是如何进行窗体的显示管理.窗体(预设)的显示我们前面定义了三种类型: 普通.隐藏其他.反向切换.代码如下: /// <summary> /// UI窗体显示类型 /// </summary> public enum UIFormsShowMode { Normal, //普通显示 ReverseChange, //反向切换 HideOther, //隐藏其他界面 } &q

游戏UI框架设计(四) --模态窗体管理 我们在开发UI窗体时,对于"弹出窗体"往往因为需要玩家优先处理弹出小窗体,则要求玩家不能(无法)点击"父窗体",这种窗体就是典型的"模态窗体".在此笔者设计了四种模式类型:完全透明.半透明.低透明度.透明且可以穿透. (透明不能穿透) (半透明不能穿透) (低透明度,不能穿透) 对于"模态窗体"的基本实现原理是: 在弹出窗体的后面增加一层"UI遮罩窗体",当需要弹出

游戏UI框架设计(7) --资源国际化技术 说起"资源国际化"技术,个人认为可以追述到微软Window2000 PC操作系统的发布,在这之前windows98操作系统的开发都是先由美国总部出一个英文版本,然后在发布windows 版本之后的大约一年后,全世界其他语言版本的操作系统才能面世. 在这一年中,就是微软驻各个国家分公司的多语言版本的翻译工作,需要从操作系统的核心到外围软件,全部翻译为所在国家语言,不留死角.       这种情况对于微软来说需要为多语言版本付出额外非常大的经济负

游戏UI框架设计(6) --消息传递中心 最近一直忙于一个益智类游戏的研发工作,所以博客有段时间没有更新了.经过朋友的督促,决定这两天立刻完成最后的两篇博客讲解(UI框架).说起“消息传递中心”,或者是“消息中心”,熟悉一些客户端架构设计的朋友一定不陌生.这种技术的来源就是为了解决脚本.类之间紧耦合的问题,而诞生的一种开发思想.目前基于Unity技术的游戏与项目研发,目前官方提供的消息传递方式种类少,且耦合性很高.例如以下三种常用数据传递方式: 1: 脚本组件公共方法.字段的相互调用. eg:

目录 目录 前言 (一)基础知识 1.纸张大小的设置 2.边距的设置 3.页眉页脚的设置 4.横分割线的设置 5.行间距与段间距 (二)实例 1.源代码 2.输出效果: 目录 本系列是有关LaTeX的学习系列,共计19篇,本章节是第17篇. 前一篇:16LaTeX学习系列之---LaTeX数学公式的补充 后一篇:18LaTeX学习系列之---LaTeX的参考文献 总目录:19LaTeX学习系列之---LaTeX的总结 前言 今天讲的是LaTeX的版面设计,内容包括:纸张大小的设置,边距的设置,页

学习笔记1 Learning notes one 移动UI布局设计的布局原则 Layout Principles of Mobile UI Layout Design 移动UI视觉交互设计法则 Design Principles of Mobile UI Visual Interaction 设计基础篇 Design Foundation Chapter by跟着做的书的名字是<Photoshop 移动UI设计完全实例教程>,额,想要真正的熟练精通photoshop需要花时间花心思啊. by我

第二周 Word版面设计 教学时间 2013-3-5 教学课时 2 教案序号 1 教学目标 1.能正确设置纸张.版心.视图.分栏.页眉页脚2.掌握节的概念并能正确使用 教学过程: 新课 要使一篇文档美观和规范,仅仅进行简单的文字段落格式化操作是不能满足需要的,必须对文档进行整体的版面设计,通过编排达到文档的整体效果.因此,要完成一篇文档的高质量排版,首先应当根据文档的性质和用途进行版面设计. 一个文档的页面包含了许多页面元素,具体包括:纸张.页边距.版式.文档网格.页眉和页脚.页码.文字.图片.

随着网络技术的创新发展,如今UI交互设计应用越来越广泛,显然已经成为设计的主流及流行的必然趋势.UI界面交互设计中的动效包括移动,滑块,悬停效果,GIF动画等.UI界面交互设计为何越来越受到青睐?它有哪些优势呢? 1. 增加可用性,改善用户体验 ui交互动效可清楚的显示你产品的功能及界面,让用户更直观的了解你产品的功能.用途. 2. 传达品牌印象,展示产品功能 3. 吸引用户,提升品牌形象,增强用户粘度. 有趣的UI交互设计动效可帮助网站吸引用户,用户会一次又一次地访问你的网站,从而可提升你网站

图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给大家整理了8个设计师必看的免费UI图标设计资源站,赶紧收藏. 1. 最大的免费图标库-Flaticon ALT:Flaticon图标库 平台简介:目前在Flaticon官网中收集了92万多个图标,我们可以通过输入英文关键词很快搜索找到自己想要的APP设计图标. 价格:免费 搜索方式:关键词.类别(如

当你和你的团队着手开始一个产品开发的时候,最开始的一步一般是绘制线框图,这是大部分产品项目的第一步,它不复杂但是却对整个产品的完成形态和质量有着至关重要的作用. 很多刚开始工作设计师或者产品经理都会提出一些问题,例如:“我该怎么提高我的 UI.UX 设计技巧” 或者“有什么书籍或者网站可以教我一些 UI 设计的高级技巧吗?“ 设计的技巧是存在的,而且它们对设计确实有帮助,但是却可能不是让新人甚至是有一些从业经验的人的作品更加完美的基础.除此之外还有 5 个关键点值得 UI 设计师们放在表面的设计

转自:https://blog.csdn.net/eson_15/article/details/51373403 前面我们利用EasyUI和SSH搭建好了后台的基本框架,做好了后台的基本功能,包括对商品类别的管理和商品的管理等,这一节我们开始搭建前台页面. 做首页的思路:假设现在商品的业务逻辑都有了,首先我们需要创建一个监听器,在项目启动时将首页的数据查询出来放到application里,即在监听器里调用后台商品业务逻辑的方法. 1.  首页商品显示逻辑        在首页,我们只显示商品热

百度文库: http://wenku.baidu.com/link?url=s66Hw6byBEzmjL77doYL1YQN4Y_39F7MovaHKs5mVGrzTDOQCAmiM-1N_6Cdm-4yWDATgwH2RCA-fAzmWBIu-1yyq8Td0hcWwYxaYdNPNim&from_mod=download android ui界面设计参数讲解 android:layout_width    设置组件的宽度    android:layout_height    设置组件的高度

转自 CocoaChina http://www.cocoachina.com/macdev/uiue/2014/0505/8315.html 你应该知道的应用UI动态设计规则 这篇文章中,我主要阐述了UI动效设计中需要注意的问题以及原因,而不是教授制作UI动效额技巧.随着大家对于这一领域的关注(很大程度上是源 自iOS的UI设计),我们发现UI动效设计同其他的UI设计分支一样,同样具备完整性和明确的目的性.伴随拟物化设计风潮 (Skeuomorphism,也就是苹果所提出的拟物化设计风格,强调