1.布局控件简介: 水平布局,里面的控件将水平展示,布局器里面的控件大小若没有固定,其大小将随着布局的大小而自动拉伸.可以通过设置其左(layoutLeftMargin).上(layoutTopMargin).右(layoutRightMargin).下边距(layoutBottomMargin)来调整里面控件相对于布局的边距,控件之间的宽度可以通过layoutSpacing属性进行设定.在Qt Designer里,可以先拖拽控件至窗口中,然后进行点击水平.垂直布局等实现布局,也可以先拖拽布局,

英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用

shape和selector是Android UI设计中经常用到的,比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到shape和selector.可以这样说,shape和selector在美化控件中的作用是至关重要的. 1.Shape 简介 作用:XML中定义的几何形状 位置:res/drawable/文件的名称.xml 使用的方法: Java代码中:R.drawable.文件的名称 XML中:android:background="@drawable/文件的名称&

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Material Design 的日益普及,色彩理论知识的重要性也变得愈加明显! 在许多数字化产品的界面中我们都能看到一些明亮的色彩和渐变色,从趣味性和娱乐性APP到商业APP和网站.然而,关于明亮的色彩对用户体验的影响仍有很多争议.本文就UI 中使用亮色的优缺点进行了一些分析和总结.   一.在UI中使用鲜艳颜

有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位,用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小. 说了dp,就得说说p

UI设计中px.pt.ppi.dpi.dp.sp之间的关系 武汉AAA数字艺术教育 2015-07-24 14:19:50 职业教育 pi px 阅读(3398) 评论(0) 声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场.举报 做了几个移动端的项目之后,深感UI设计移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: px: pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元 pt: point,点,印刷行业常用单位,等于1/72英

我给博客改了主题色,从 这样的 改成了 这样的:然而我问小伙伴看看效果他却并没有发现改变. 红绿色盲在亚洲人中占比,男性约 5%,女性则小得多.也就是说,就算仅考虑为国内用户开发应用,这也是很大的一部分用户了. 本文将通过更加了解色盲(Color Blindness)来指导我们为更多用户提供更好的 UI 设计. 没有色盲模拟器 大多数想理解色盲眼中世界的人可能会考虑“色盲模拟器”.在网上搜索“色盲模拟器”,或者英文的“color blindness simulator”可以得到很多的模拟工具,大

UI设计中蕴涵着系统重要的数据结构与功能设计 UI设计中的用户需求,事件(用例)驱动

布局值水平布局和垂直布局 垂直盒子布局和水平盒子布局非常灵活易用,在很大程度上能够取代锚点布局,行布局和列布局. 1.垂直盒子布局: BoxConfigAlign:控制子容器的的尺寸 Start:位于父容器的开始位置(默认值) Center:位于父容器的中间位置: Stretch:被拉伸至父容器的大小: StretchMax:所有子控件被拉伸至最大子控件的大小. BoxConfigPosition:用来控制子容器的位置 Start:子控件靠父容器的开始位置排列(默认值): End:子控件靠父容器

暖色调的颜色属于前进色.膨胀色可以使物体的视觉效果变大,而收缩色可以使物体的视觉效果变小.   颜色的另外一种效果.有的颜色看起来向上凸出,而有的颜色看起来向下凹陷,其中显得凸出的颜色被称为前进色,而显得凹陷的颜色被称为后退色.前进色包括红色.橙色和黄色等暖色,主要为高彩度的颜色:而后退色则包括蓝色和蓝紫色等冷色,主要为低彩度的颜色.   前进色和后退色的色彩效果在众多领域得到了广泛应用.例如,广告牌就大多使用红色.橙色和黄色等前进色,这是因为这些颜色不仅醒目,而且有凸出的效果,从远处就能看到.

一.宫格布局 这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式,最知名的就是锤子手机的界面设计.锤子手机界面设计欣赏知名的APP设计采用的九宫格.六宫格等方式布局有:携程APP.途牛APP.支付宝APP等等. 九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格. 采用宫格布局的优势: 非常方便的适配所有的移动手机机型.因为这样的结构是最有利于内容区域随屏幕分辩率不同而自动伸展宽高,同时也是ios和android开发人员比较容易编写的一种

简评: 渐变是通过两种或多种不同的色彩来绘制一个元素,同时在颜色的交界处进行衰减变化的一种设计.从拟物到扁平再到渐变,人们慢慢发现它能创造出从未有过的一种色彩感觉 -- 独特.现代和清爽.(本文译者@Aceyclee) 很长一段时间以来,设计界都不怎么待见「渐变」,这还得拜 90 年代的 PowerPoint 所赐,毕竟那时候的渐变是这样的: 然而时过境迁,今天你打开 Dribbble 或者 Behance,可能会看到不少使用渐变的设计.本文将会分享如何在设计中使用「渐变」的实用技巧. ▎为什么

最近挺想学学UI的,因为我们公司没有UI,所以做页面都是全靠摸索,老是被领导说没有审美[捂脸] 学习UI所需要的软件 PS  AI Sketch XD Sketch是MAC才能安装的软件 作者:彼岸舞 时间:2020\05\16 内容关于:UI设计 本文部分来源于网络,只做技术分享,一概不负任何责任

Axure RP是一个专业的快速原型设计工具.让负责定义需求和规格.设计功能和界面的人员能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档. 作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理  . 首先为大家介绍下Axure 的工作界面: 1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示. 2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域. 3-站点地图:所有页面文件都存放在这个位置

2012年移动应用的下载量超过300 亿,可是智能手机用户平均每周会使用的应用数却大概只有15个.更糟的是,Localytics 的研究表明,大概有22%的应用是见光死,用过一次之后就被束之高阁.既然移动领域方面投入了那么多的时间和精力,为什么参与度还那么的低? 这其中的原因肯定是很复杂的,但是应用开发过程中存在着一些屡见屡犯的错误是原因之一. 这些应用是做什么用的你能猜出来吗? 误区1:尚未显示价值就强制注册 在没有证明自己可以给用户带来什么好处之前,就要求对方注册或捆绑社交网络,这么做只会吓

 版权声明:本文仅供个人学习. CSS 中 Flex-Box 语法链接 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性.任何一个容器都可以指定为 Flex 布局. 布局源码 import React, { Component } from 'react'; import { Platform, StyleSheet, View, Im

今天在学Qt框架的信号槽,然后发现在ui中加的控件,通过ui-> 找不到,没有识别,于是上网查找了一下问题 解决方法 添加ui控件后,执行程序,退出程序,将debug目录下的ui_XXXX.h拷贝到程序目录下,重新打开就可以使用新添加的控件. 如果不行不行就清理一遍重新构建. 再不行就按住ctrl,鼠标点击存在的控件名进入ui头文件,然后退出一遍. 我采用重新构建的方法,解决的了问题 就是下面这个小锤子,编译器为Qt Creator

1.二级ListView自定义布局ExpandableListView http://pan.baidu.com/s/1mhlJh12 密码:nhc2 2.ListView实现各种动画效果ListViewAnimations 实现各种列表动画效果.包括卡片式列表(效果图1),Grid View列表(效果图2),列表item逐个淡入显示(效果图3),拖动列表item重新排序(效果图4),滑动删除列表item(效果图5),批量删除列表item(效果图6),展开列表item(效果图7)等等.     

低保真一般用Axure Rp产出,高保真分两种,带交互的或不带交互的.不带交互的高保真直接根据低保真用PS产出即可.带交互的,需要 PS产出后,再切图,再使用Axure RP与低保真结合产出高保真. 参与人员包括领导(需求提出方).产品经理(需求细化方).产品设计师(低保真以及交互设计方).UI(高保真制作方),开发不算直接参与到这个流程中,在需求细化方面就已经会和开发讨论过. Step 1:领导提出需求Step 2:产品经理把需求细化,Feature List后,模块化并整理完毕,再交与领导讨

在我们设计APP.设计前端页面时,免不了要和各种文字大小打交道.字体的大小有多种单位,不明究里的话使用起来很容易出问题.今天整理了这方面的东西做了个图片,方便查看. 图上的资料来自互联网,感谢大家的负出. http://www.cnblogs.com/yangyxd/articles/4803389.html#3265528

xib支持图形化操作,提供了几乎所有的控件可供选择,只需拖动到相应的位置即可,但是控件的后台代码仍然需要手动编写,一定程度上加速了前台的开发. xib快速开发程序,手写代码速度比较慢 xib适合做静态页面,代码适合动态复杂的页面 xib不适合svn/git代码管理,代码比较适合 xib不适合后期维护,代码适合长期维护 如果xib文件名与类所在的文件夹名相同,可以直接使用init方法,自动查找同名的xib资源文件 UISwitch 开关 设置显示时的开关状态 [mySwitch setOn:YES