Element: https://element.eleme.cn/#/zh-CN/guide/design…

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

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

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

学习笔记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我…

随着网络技术的创新发展,如今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,也就是苹果所提出的拟物化设计风格,强调…

移动端UI界面设计:APP字体排版设计的七个原则 发布于: 2015 年 2 月 9 日 by admin 再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP字体设计的人还真的不多.不信,我们往下看看这个7个移动端字体设计原则吧! 1. 留足空间 与普遍观点恰好相反,字体并非屏幕上弯弯曲曲的线条排列:它主要在于周围和相互间的空间. 字母本身对字体的影响,与构成它的空间相比,要小得多. 要理解这一点,了解字体从何而来很有帮助:字母o(还有b.c.p等等)中…

PS,大鹏视频,UI美工设计, 精品课程视频(500G 左右) ,需要的可以加我QQ 358918610 //--------------------------------------------------------------------------------------------------------------------- //---------------------------------------------------------------------------…

百度一番,没有发现详细的UI测试用例设计方法,只能自己整理一下,学习.改进. 那么正题来了,我们慢慢缕下思路: 1.整理要测实体中的,处理逻辑.触发规则.动作. 2.将场景测试抽象出来 3.到这个时候,我们就可以划分场景了.                新建的3种场景 生成场景 退货与交付 这样,场景都整理出来了,但是我们还要处理每个动作具体assert或者说, 每个界面都在干嘛. 4.那么抽出一个新建的场景,进行详细拆分. 到这里,我们用例就设计完毕,如果你对公司的产品特别熟悉,那么可以直接…

程序员练级攻略:UI/UX设计 学习设计新手, 7 steps to become a UI/UX designer 学习设计的一些原则和套路,如配色.平衡.排版.一致性等. 用户体验的 4D 步骤--Discover.Define.Develop 和 Delivery. 到一些网站上找灵感. 开始学习使用设计工具. 图书和文章推荐 Don't Make Me Think ,这本书践行了自己的理论,整本书短小精悍,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图.趣味丛生的卡通插图以及包含大量信息的…

1.项目文件组成在QtCreator中新建一个WidgetApplocation项目,选中窗口基类中选中QWidget作为窗口基类,并选中"GnerateForm"复选框.创建后项目文件目录树如图: 项目组织文件pro:存储项目设置的文件主程序入口文件main.cpp,实现main函数的程序文件窗体界面文件widget.ui:一个XML格式存储的窗体上的文件以及其布局的文件widget.h是所设计的窗口类的头文件,widget.cpp是widget.h里定义类的实现文件.在C++里面,…

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

技术博客--微信小程序UI的设计与美化 在alpha阶段的开发过后,我们的小程序也上线了.看到自己努力之后的成果大家都很开心,但对比已有的表情包小程序,我们的界面还有很大的提升空间,许多的界面都是各个开发者分小组开发的,有很多界面的UI格式是不统一的.所以在beta阶段,我们展开了对UI界面美化的探讨与实现. 微信小程序的UI设计与网页端有很多相似的地方,但也有他自己的独特之处,例如导航栏,文字格式等等.要想设计出好看又简洁的UI,需要不断的收集资料,测试,改进,我们才能最终使用,由于我们都是第…

前面有一篇博客说到了淘宝UWP的"四核驱动的三维导航—淘宝新UI(需求分析篇)",花了两周的时间实现了这个框架,然后又陆陆续续用了三周的时间完善它. 多窗口导航,与传统的导航方式的最大的不同点是: 需要指定目标窗口(target Frame) 维护上下文关系(context) Back Stack的维护 页面间的异步通信 适配Desktop和Mobile界面 支持Continuum(optional) 本篇博客先说一下前三个问题如何解决. 在从页面A跳到页面B时,单窗口模式下,很简单,…

①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px iOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程 一套完整的UI设计规范手册(IOS版) 移动端界面设计之尺寸篇(淘宝版) 图说: iPhone 6 (plus) 没那么容易搞定 设计尺寸回顾:iOS设计规范整理汇总 iPhone6 plus物理版 1080 × 1920…

1.http://www.xueui.cn/other-tutorials/ui-interaction-design.html 2.http://www.3lian.com/edu/2015/12-07/262592.html     3.http://www.uisdc.com/gif-animaticons-icon-download     4.http://www.cocoachina.com/industry/20140812/9360.html   5.http://www.ske…

http://www.sj33.cn/digital/wyll/201404/38318.html 自从我在 Dribbble 上贴了一幅我的产品设计成果,受到了大家伙热烈的反馈,对此我深受鼓励,我决定写下这篇文章,用来记录我这两年里作为产品设计师,所学到的东西.说起来有点惭愧,这几年我一直都在使用同一套产品设计的流程,但是我觉得这套流程最适合我,对我来说是最理想的,所以就很少去更换.我的这套工作流程我觉得有 4 个地方可以和大家分享一下——前期工作.具体设计.后期工作以及一些提高效率的小细节…

部分网页设计原则 规划目录结构时应当遵循的几个原则: 1.不要将所有文件都存放在根目录下; 2.按栏目内容分别建立子目录; 3.在每个主目录下都建立独立的images目录; 4.目录的层次不要太深; 5.切忌使用中文目录; 6.不要使用过长的目录; 7.尽量使用意义明确的目录. 除创意之外,在网站设计时还需要考虑以下基本原则: 1.网页内容要便于阅读; 2.站点内容要精.专和及时更新; 3.注重色彩搭配; 4.考虑带宽; 5.要适当考虑不同游览器.不同分辨率的情况; 6.提供交互性; 7.简单即…