资源制作标准设定建议 1.所有的UI资源全部采用PNG导出 因为Unity不支持外部压缩,所以,不论是用PNG还是JPG,只要尺寸相同,资源量在引擎中都会是一样大.所以,可以大胆地采用PNG进行输出,以保留和实现更好的色彩效果. 2.设定好一个客户端的标准分辨率 是1920*1080还是1280*768 3.提前考虑是否需要跨平台 4.和美术人员约定非常大的图片尽可能采用九宫格 5.会用作Sprite的UI元件尽量以最小尺寸切 对于大量的UI小元件,例如图标.按钮等,尽量让美术人员以最小尺寸切.…

http://www.uisdc.com/how-to-use-ui-kits# 大家都知道,UI工具包里有很多好看的资源:比如按钮.滑块.面包屑.播放器.表单,甚至是一个"赞!"的小图标.但是这个UI工具包具体该怎么使用呢?总不能拿来藏着一直不用吧! 首先给小伙伴们简单介绍一下这个UI工具包.UI kit,即"User Interface Kit",意为"用户界面工具包".这是一个由用户界面元素所组成的PSD文件.内含花样繁多的颜色.图案和各种…

打开CocoStudio UI编辑器新项目,设置画布480*320, 加入�一个标签和一个button控件 导出项目,生成所须要的资源文件, 拷贝到cocos2dprojectResources文件夹下 添�代码: 头文件: #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; using namespace ui; 载入cocostudio资源创建控件 _touchgro…

什么是UI精灵(Sprite) 在制作UI时,经常将一些零碎的小的UI资源(比如,一个小箭头,一个按钮等)打包成一张大图,然后在使用时,只使用这个大图中的一部分,那么这一块"被切出来"的图片,就可以称之为精灵. 什么是UI图集(Atlas) 在制作UI时,会将一些零碎的小的UI资源打包到一张大图中,然后再通过精灵的方式对这张大图进行使用,这张大图就是一个图集.这样不但可以减小美术资源的总体积,还可以减少载入内存的操作(图集作为一张整图会被一次性载入到内存中)并提高渲染性能,而且还可以减…

Vue项目创建打包与UI资源 1.Vue项目创建 1.1 vue-cli脚手架 vue-cli是一个基于vue的构建工具,用于搭建vue项目的环境,有着兼容,方便,快速的优点,能够完全遵循前后端分离的原则,用vue开发单网页项目(SPA)的能力尤其的好 注:可以不用脚手架(vue-cli)就可以基于 webpack 打包工具 ,webpack最终会把整个项目打包成一个js文件但需要自己进行配置各个版本兼容问题,正因为这样,前端有一个专门的配置工程师 1.2 下载Node.js 去Node.js的…

前言:和我一样喜欢UI的一定喜欢这里的内容. 下面是关于sketch资源获取网页,点击图片就能进入: 连接是:https://github.com/JakeLin 居然意外百度到Sketch中国,还提供sketch破解版下载哦:http://www.sketchs.cn/index.html  Sketch 资源合集:http://www.ui.cn/detail/15895.html            …

以下场景往往由于事件频繁被触发,因而频繁执行DOM操作.资源加载等重行为,导致UI停顿甚至浏览器崩溃. 1. window对象的resize.scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown.keydown事件 4. 文字输入.自动完成的keyup事件 实际上对于window的resize事件,实际需求大多为停止改变大小n毫秒后执行后续处理:而其他事件大多的需求是以一定的频率执行后续处理.针对这两种需求就出现了debounce和throttle两种解决…

转载:http://www.voidcn.com/blog/w839687571/article/p-6001921.html 转载:http://www.voidcn.com/blog/x356982611/article/p-560532.html 需要注意的是WindowImplBase中是这样载入ZIP资源的,因此资源类型必须为ZIPRES 一.在工程中新建res文件夹 二.把窗口需要的xml文件和图标放到res文件夹中 三.把这些文件进行压缩,格式为.zip(必须按照下面方式压缩,不然…

1.Flat UI Free http://designmodo.github.io/Flat-UI/ 2.POP 原型工具 http://mobilehub.io/products/pop 3.eico design  牛逼 flyme就是他们整的 http://www.eicodesign.com/index 4.Suki KiTs  设计师模版工具[实体] http://tech2ipo.com/43483/ 5.青蛙设计(Frog Design)  牛逼国际设计公司 http://www…

1.http://ionicons.com/ 这个站点的图标能满足大部分人的需求.里面包括了经常使用的android风格的图标 ios7风格的图标 以及一些社会化分享图标,总共500个左右.github地址https://github.com/driftyco/ionicons/tree/master/png/512,方便依据名字查找. 2.http://www.easyicon.net/ 海量图标.搜索方便.多个size选择.还能够查看同一风格组的其它图标,推荐. 3,http://www.f…

最近又来搞界面了,现把这几天收集到的资料汇总下,方便今后慢慢学习! Duilib: Duilib是一个Windows下免费开源的DirectUI界面库,由于简约易扩展的设计以及稳定高效的实现被各大互联网公司普遍接受,广泛应用于包括IM.视频客户端.股票行情软件.导航软件.手机辅助软件.安全软件等多个行业的众多pc客户端软件.Duilib还在不断的发展中,在文档.例子.动画.渲染引擎等多个方面将持续改进.Duilib自2010年8月21日发布以来,获得了众多开发者和大公司的信赖,在各行各业的软件中…

在我的界面上有几个选项卡,每个选项卡中都有下面的元素: <StackPanel Orientation="Horizontal"> <Button Content="<" Command="{Binding MoveToPreviousCommand}" /> <Button Content=">" Command="{Binding MoveToNextCommand}&q…

前言 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY语音,迅雷等.快速,稳定是我认为的应用软件开发框架最基本的要求,对于UI还有两个要求就是界面美观,配置灵活.C++语言满足了快速的要求,传统的客户端软件开发框架如MFC,WTL等满足了稳定的要求.然而界面美观,配置灵活是MFC,WTL这样的开发框架所不能满足的.腾讯是做客户端发家的,他们的UI经验积…

切图严格来说并不是UI设计师的工作, 而是前端工程师的工作,指的是将UI设计师的设计(大部分为photoshop创建的PSD文件)转化为界面(网页或窗体等)所需要资源的过程.切图是衔接UI设计和应用程序的桥梁,是一种将设计师的“理想”转化为“现实”的工作. 由于不同人的实现方法不同,可能对切图的需求也存在一定的差异.作为前端工程师,掌握切图将为提升自己的竞争力带来一臂之力. 一般来说,photoshop可以通过手动进行切图,这样比较好控制,但是对于复杂的UI来说,往往比较费事费力.photosh…

资源模块做什么? 资源模块——ResourceModule,是KEngine中最核心的模块,其他模块基本或多或少的对它有依赖,它主要的功能是:资源打包.路径定义.资源管理.资源调试. 资源模块对Unity的Asset Bundle接口进行了完整的封装,运行模式下可以使用它进行完整的资源加载.卸载,也可以通过它方便地查找资源内存泄露的问题. AssetBundle自动化打包 Unity 5中,Asset Bundle系统做了很大的变化.你只需将需要打包的资源配置AssetBundle Name,然…

1.管理面板文件路径 ovirt-engine/frontend/webadmin/modules/webadmin/src/main/java/org/ovirt/engine/ui/webadmin/section 2.控件源码路径 ovirt-engine/frontend/webadmin/modules/gwt-common/src/main/java/org/ovirt/engine/ui/common/widget 3.继承的一些类 ovirt-engine/frontend/we…

何谓CBS程序 CBS程序就是Client+Browser+Service的程序 纯CS程序写界面,有各种难处,那么我就在Client端引入Browser,让Browser渲染基于HTML的UI界面 何谓WUI 就算用用HTML渲染UI界面,那么开发人员还是要掌握HTML+CSS+JS的知识,这些知识还是比较复杂的 WUI库就是把HTML+CSS+JS封装成起来,组成一个界面元素库,(类似于Extjs和easyui) 意图是让开发人员就只要掌握C#代码,就能写出漂亮的UI界面 第一步:WUI库中…

昨天在cocos2dx的一个群里,遇到一位匿名为x的朋友询问的问题,是关于ui的.他使用c++写了不少的ui封装节点,用来实现游戏中的各种不同效果.然后现在想改用lua,于是尝试使用最小代价去复用自己的代码.当然这个是可以做到的,相信很多人都是知道方法的.今天的这篇文章就来谈谈ui部分的处理以及个人的见解. 我们都知道,cocos2dx引擎提供了ui工具cocostudio.后来改名为cocos engine.这些就不赘述了,很多人都会使用这款工具.新版本的工具我没有使用过,不过我承认是方便了很…

一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解它的功能 <1> ActionBar的图标,可显示软件图标,也可用其他图标代替.当软件不在最高级页面时,图标左…

转载:http://www.cnblogs.com/setoutsoft/p/4996870.html 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY语音,迅雷等.快速,稳定是我认为的应用软件开发框架最基本的要求,对于UI还有两个要求就是界面美观,配置灵活.C++语言满足了快速的要求,传统的客户端软件开发框架如MFC,WTL等满足了稳定的要求.然而界…

国外网站分享的24款最新的免费UI工具包,喜欢可以收藏哦~ 1. Modern UI Kit Modern UI Kit是一个非常简单时尚的免费用户界面包,提供上百种UI设计元素,可以让设计师轻松利用PS设计出精美的用户界面. 2. Bootflat Bootflat也是一个提供PSD文件的用户界面包,你可以用它创建初始项目.网站和iOS/Android App. 3. Foundation UI Kit 4. Bootstrap Based UI Kit 免费的PSD UI工具包,基于Boot…

详细教程:http://www.cocoachina.com/bbs/read.php?tid=161567 Table of Contents 1 游戏中的 UI 1.1 基于 Cocos2d-x 的 UI 使用现状分析 1.2 如何在游戏中使用 CocoStudio UI 框架 1.3 CocoUI 框架基本组成 2 CocoUI 框架 1 游戏中的 UI CocoStudio 是专门针 对 Cocos2d-x 而设计的一套可视化编辑工具,它能与Cocos2d-x 无缝的集成.对美工而言,可…

由于是引用别人的,所以直接贴上地址了.http://www.cocoachina.com/bbs/read.php?tid=164820&fpage=7 1 游戏中必不可少的 UI 元素     一个成功的游戏离不开友好的用户体验,而用户体验则取决于功能是否合理,界面是否美观等因素,除了游戏的核心玩法之外,游戏中的各种“配置功能”也是必不可缺的,更准确的说,游戏中存在那么些必不可少的 UI 元素.  上图所示是近期非常火爆的游戏<乱斗堂>的截图,内容是其“配置界面”,如果要实现这样一个…

UI资源量对资源包大小和内存的影响 UI资源具有以下特点: (1)UI资源几乎都是图片,而图片是最占资源量的资源类型之一. (2)Unity不支持外部压缩,即使在外部将一个10MB的图片压缩到只剩1MB,导入引擎之后它也会被解压出来变成10MB,然后转换为各平台特有的格式. (3)UI资源一般都贴着相机视窗显示在最上层,也是游戏中人机交互的重要部分,一般需要保证高质量,所以一般都使用RGB32位色(真彩色),这会让资源量更大. (4)UI资源一般涉及大量图标.背景框等,如果要保证高分辨率,它们将…

按钮分有两种形式,一种是普通按钮,也就是一张没有文字的按钮图片,在需要用时,就在上面写上不同的.当前所需要的文字.量一种按钮则是图片按钮,这种按钮的特点是整个按钮就是一张图片,它既是按钮也是图片. 在剖析UI资源结构时一定要秉承一下几个原则: 1.尽量保证还原设计图的效果,不损失质量,这是前提. 2.尽量发现重复的元件,而且重复的元件只需要一份就足够. 3.尽量分割得零碎一点,避免多个元件合并一起出图,这样对项目不利. 4.尽量使用九宫格来制作比较大的底板.底框等. 5.UI切图全部让美术人员以…

文件合并之前 文件合并之后 吐槽 我们项目比较奇葩, ui用cocostudio做, 这项光荣的任务由美术接手. 这个美术是个新手, 经过我长时间的观察, 她似乎不用怎么画画. 至少在很长一段时间里, 她很悠闲, 只管拼UI即可. 这是我们客户端噩梦的源头. 她不懂需求, 任何ui, 只要截图下来符合策划草图就算完成任务. 因此, 什么层次结构, 什么命名规范, 统统没有. 程序接手过来的ui自己要从头到尾翻新一遍, 甚至比重做花的时间更长. 于是, 一个伟大的决定诞生了, 我把她的活一起做了,…

XAML 定义应用的 UI,并且 XAML 也可以定义 XAML 中的资源.资源通常是对你希望多次使用的某些对象的定义.你要为 XAML 资源定义一个键,以供将来引用,该键的作用类似于资源的名称.你可以在整个应用中或从应用中的任意 XAML 页面引用资源.Windows 运行时 XAML 具有一个 ResourceDictionary 元素,你可以在其中定义你的资源.然后可使用 StaticResource 标记扩展或 ThemeResource 标记扩展来引用你的资源. 你最希望声明为 XAM…

摘要:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术. 导读:用户界面设计在持续的基础上不断成长和演变.要跟上时代,你需要关注趋势.新资源和正被实施和谈论的新技术.同时,你也要亲身尝试,并提出原创的见解和应用.下面列举的这些工具能帮你做到这些.尽情分享下面这些我找到的注释出的资源中你认为有用的部分. 看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础. 一个在线文字…

本篇教程通过制作捕鱼达人的启动界面来说明CocoStudio UI编辑器的用法.先看看效果图 好了,下面一步一步的动手做吧! 1.打开软件 2.新建项目 依次打开软件主界面左上角菜单栏的:“文件”-->“新建项目”,弹出窗口如下图 输入项目名称和保存路径,点确定 3.导入UI资源 可以导入文件或文件夹 成功导入后,在“资源”视图会列出导入的文件,由小图组成的大图(含.plist文件的图)会列出小图,大图直接不能使用,也不会列表中出现. 4.制作背景 到此背景层添加完毕 5.添加捕鱼达人的图标 参…

使用密码保护API OAuth 2.0 资源所有者密码授权允许一个客户端发送用户名和密码到IdentityServer并获得一个表示该用户的可以用于访问api的Token. 该规范建议仅对"受信任"应用程序使用资源所有者密码授权. 一般来说,当您要验证用户并请求访问令牌时,通常使用交互式OpenID Connect流会更好. 不过,这个授权类型允许我们在IdentityServer 快速入门中引入 用户 的概念,这是我们要展示它的原因. 添加测试用户 就像基于内存存储的资源和客户端一样…