(1) 获取textEdit中的值   QString str = ui->textedit->toPlainText(); // 这是普通文本 p=str.toInt();                                          //将从textEdit控件中获取的值转化为int型赋值给pQString str = ui->textedit->toHtml(); // 这是富文本,即获取的是Html字符串 如果设置文本的话则对应的是:ui->t…

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

首先,在分析学美工.平面设计.UI设计,哪一个更有前途的时候,先要对三类设计有一个大概的了解. 比如“学美工.平面设计.UI设计是什么”等知识,才能更好地去进行选择. 01 阐述美工.平面设计.UI设计是什么 ①什么是美工?一般是指对平面,色彩 ,创意等进行堆砌的技术人才,分为平面美工.网页美工和三维美工,最常见的有淘宝网店的美工. ②什么是平面设计?主要包括美术排版.平面广告.海报.灯箱等的设计制作.简单来说,就是作为设计者的你,在了解了客户需求之后,进行消化,将一些基本图形按照一定的创意在平…

750px UI 设计稿 App 小程序 H5 rem & vh/vw 在移动端页面开发中,UI 一般会用750px(iphone 6)来出设计稿; 然后要求能够做到页面是自适应屏幕的,这种情况下就可以用 rem或者 vh/vw 等相对单位来做适配; why 750px 是 iPhone6 的物理像素,即屏幕分辨率; 移动端 UI 设计稿是按照 iPhone6 设备的物理像素所给; 通过动态的获取设备独立像素,然后除以设计稿的宽度,然后设置 rem,来动态自适应字体大小; 为什么要乘100,放大…

编辑:千锋UI设计 初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红.黄.蓝:其实三原色还有色光三原色:红.绿.蓝.我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色.可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏幕色)的区别. 初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红.黄.蓝:其实三原色还有色光三原色:红.绿.蓝.我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色.可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏…

从事UI设计的朋友们,肯定知道我们在做UI设计时,其实是可以通过一些小技巧来帮我们设计的界面更加的漂亮.实用.交互性强,用户体验更好.今天的话,上海艾艺在互联网上面搜寻了几个小技巧.在这里跟大家一起来分享下. 小技巧一:对按钮进行排版!排版设计也是一门学问,不一样的排版就会有不一样的视觉结果.    如果对设计的细节不重视,有可能让我们原本完美的产品变的平庸,比如像按钮.Tab这些简单的界面元素也是需要排版的,因为用户可能每天都会点击N次. 小技巧二:设计的时候要学会留白.留白的作用在于突显我们…

大家总是把小程序和App放在一起比,因此我也花时间看了一下小程序的开发指南,尤其是UI部分的设计和原则,今天就拿它和苹果的HIG(Human Interface Guidelines)做个比较,其实两者在一些大的原则处理上可以说是一致的. 关键词一:友好礼貌 对应于苹果:Less is more 苹果在iOS7时做了一个非常大的界面调整,以突出内容为主,去除掉了所有会干扰用户的界面元素,这个风格一致延续至今(以苹果自家的App,比如指南针,天气为例就可以看出). 微信在指南一开始也强调了这个原则…

小程序中一般很少大段落的文字,基本是4.5个字的主题.一行标题.一行摘要.两行描述.显示时超出部分用省略号代替.下面结合工具使用介绍一下文字排版的方法.先看效果图.  工具中属性设置如下图:两行文字属性,限制行数=2,表示最多两行,超出部分用省略号代替. 不限制行数属性中限制行数=0,表示在小程序中根据文字内容自动拉伸. 一行文字属性中限制行数=1,表示文字只显示一行,超出部分省略号代替. 以上文字是显示在view中的,自动生成的wxml如下: <view class="WViewColu…

下图是微信官方的要求 按照小程序UI设计(3)-符合视觉规范-列表视觉规范同样的方式,我们可以设计一样符合规范的输入项目.规范中没有说明padding-left的大小,我们暂定是15px.这样最外层view的padding-left和padding-right都是15px.以  为例制作符合规范的布局.首先在工具的画布上拖拽WViewRow. 然后设置width=375,padding-left和padding-right为15.再鼠标拖拽过来两个wviewrow,一个宽度是85,一个宽度是37…

上一篇我们介绍了字体规范,此贴介绍一下在列表中如何组合使用.下图是微信官方的要求   在工具中通过拖拽组件可以制作出一样的效果拖拽一个WViewRow.这个组件是小程序的view,flex-direction=row.缺省的属性如下. 放在工具的画布上是这样的 下面我们以  为例实际制作一个.此单项列表中一个view包括两个view,横向排列.最外层的view有margin-top.padding-left和padding-right.我们先定义最外层view.为了看的清楚我先把画布改成蓝色(修…