首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

谈谈UI设计中的字号,间距,大小等规律

静电说:新手在学习UI设计过程中,通常会陷入到一个误区中,就是把UI设计当算术题来做。比如经常会有同学问:UI界面中的字号最小是多少?UI界面模块中的间距有没有什么规则可以遵循?是不是一定要4的倍数?...在使用PS做设计的时代,由于我们做的UI设计稿都是2倍图或者3倍图,所以使用2的倍数会更方便于开发工程师换算,比如你在2倍图下设定一个字体大小为24px,开发工程师在开发过程中要进行换算,除以2,得到的数值就是...所以,涉及到图标等内容的时候,偶数是一个不错的选择。 Q:UI中的字体要加字间距吗? A:没有特别的情况下,强烈不建议在字体中加入字间距属性,一般情况下保持默认即可。...特别是列表等等区域,加入过大的字间距会导致模块比较散,不太美观。如下图,右侧为加入字间距的模块,左侧为未加入行间距和字间距的模块。右侧明显过散。 Q:成段文本要特别设置行间距吗?...转回文章开头有同学问到的问题,模块之间的间距有多少合适呢?

4.6K31

修改Cacti中的rrd文件大小

这对于我们现有的业务需求有所冲突,所以找了一些修改RRD保存周期的方法,可以对现有的RRD文件的保存周期进行修改。...对于新建的rrd,可以通过 Data Source –> RRAs 中修改对应的 row,这样新建的数据,就默认使用新值。 注意:修改rrd尺寸的操作非常危险,在操作之前,备份您的rrd数据。...在参考资料1中可以下载一个resize.pl。是用来在命令行下修改rrd大小的工具,这个工具刚开始执行的时候,可能会提示一些perl模块的缺失。...,其中的第0行和第4行已经被修改过了。...3、修改多个RRD中的多个RRA。 resize.pl 在文件名参数中可以支持通配符,这样就可以非常方便的修改多个RRD文件。

1.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    富文本AttributedString的总结

    在使用中通过将AttributedString赋值给控件的 attributedText 属性来添加文字样式。 可设置的控件有UILabel、UITextField和UITextView。...(); //行间距 paragraphStyle.lineSpacing = 5; //段落间距 paragraphStyle.paragraphSpacing = 10; //对齐方式 paragraphStyle.alignment...注:NSKernAttributeName用来设置字符之间的间距,取值为NSNumber对象(整数),负值间距变窄,正值间距变宽 */ NSString *str4 = @"\n设置字符间距...更准确点说是在UILabel 和 UITextField 中无法实现点击链接启动浏览器打开一个URL地址,因为在此过程中用到了一个代理函数。只能用在 UITextView 中。...需要实现UITextView的代理方法 - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange

    3.4K20

    UI篇-CATextLayer和 富文本的交融

    而NSMutableAttributedString有可以最自己内容作出颜色以及大小的调整,这样结合起来使用的话,就远比UILabel 灵活的多,效果也酷炫的多,也许CATextLayer就是为了NSMutableAttributedString...在使用中通过将AttributedString赋值给控件的 attributedText 属性来添加文字样式。有属性的控件有UILabel、UITextField和UITextView。...,我想你一定用不到它 - - //NSVerticalGlyphFormAttributeName 水平或者竖直文本 1竖直 0水平 在iOS没卵用,不支持竖版 2.设置段落样式:段落样式中允许你设置文字与文字之间的行间距...、字符间距、以及对齐模式,但是注意的是,在设置段落样式的时候,必须保证控件的 numberofline属性必须为0 NSMutableAttributedString* str2 = [[NSMutableAttributedString...alloc]initWithString:@"这是测试段落样式的文字,这是测试段落样式的文字,这是测试段落样式的文字,这是测试段落样式的文字,这是测试段落样式的文字,这是测试段落样式的文字。"]

    2.6K10

    WORD的基本操作(三)

    一、设置段落格式 1.1 段落对齐方式 包括左对齐、居中、右对齐、两端对齐、分散对齐 操作,选中文本(光标放在所需的段落)---开始---段落设置---选择所需设置的格式 1.2 段落缩进 光标放在所需设置的段落...---段落设置的左开口直角---点开---设置 1.3 行距和段落间距 光标放在所需设置的段落---段落设置的左开口直角---点开---设置 以上设置,一班情况会被继承,下一段落无需在设置 二、调整页面设置...2.1 设置页边距 页面布局选项卡---页边距---选择(自定义边距) 或者 页面布局---左开口直角---弹出对话框---页边距 2.2 设置纸张大小和方向 页面布局---纸张大小(纸张方向)...2.3 设置页面颜色和背景 页面布局---背景---设置选择 三、在文档中使用文本框 插入---文本框---设置 结语: 小编能力有限,所以在编辑内容时有点没有逻辑,目前是参考了一本OFFICE的书的顺序为大家进行分享...,有些书上未提及的内容我也将后后续的文章中提及,希望大家多多支持。

    99720

    职场人必备的WORD排版十大技巧

    另外也可在选中需调整字体大小的文字后,利用组合键“ Ctrl+Shift+> ”来快速增大文字,而利用“Ctrl+Shift+段落 问:在 Word 中要设置段落对齐,通常大家是利用格式工具栏中的对齐方式进行,请问有没有更方便快速的方法呢?...Ctrl+M :左侧段落缩进。 Ctrl+Shift+M :取消左侧段落缩进。 Ctrl+T :创建悬挂缩进效果。 Ctrl+Shift+T :减小悬挂缩进量。...7.移动光标快速定位 问:在 Word 中编辑文件时,经常需把光标快速移到前次编辑的位置,而若采用拖动滚动条的方式非常不便,请问有没有快捷的方法呢? 答:有,可以利用一种组合键进行快速定位。...答:其实方法非常简单,在需要调整 Word 文件中行间距时,只需先选择需要更改行间距的文字,再同时按下“ Ctrl+1 ”组合键便可将行间距设置为单倍行距,而按下“ Ctrl+2 ”组合键则将行间距设置为双倍行距

    1.5K70

    EasyCVR程序启动后,流量统计在配置中修改未能生效的问题修复

    平台可对接入的视频资源进行统一的整合、分析和处理,并提供视频数据共享、分发等功能,采用高效率的H.265/H.264数字视频编码技术,以及视频处理技术、智能分析等技术,平台已经在大量的线下场景中落地应用...image.png 在测试使用时发现,EasyCVR程序启动过后,出现流量统计从配置文件中修改未生效的问题。...isTrafficSum = module.Key("is_traffic_sum").MustBool(false) if isTrafficSum { break } } } 修改后再次查看流量统计...SDK、大华SDK等,能兼容多类型的设备接入,可覆盖市面上大多数的视频源设备。...image.png 随着AI智能分析技术的广泛应用,我们也积极研发了相关技术与视频平台的融合。

    75020

    图文混排

    你可以完全控制位置、布局、类似文本大小和颜色这样的属性,而 Core Text 将帮你完善其它的东西——类似文本换行、字体呈现等等。...,可以利用对文本设置颜色字体间距等属性 attributeDict字典中存放一些属性名和属性值 NSDictionary *attributeDict = [NSDictionarydictionaryWithObjectsAndKeys...​ NSKernAttributeName 设定字符间距,取值为 NSNumber 对象(整数),正值间距加宽,负值间距变窄 ​ NSStrikethroughStyleAttributeName...然而,在更高级的情况下,这个区域可能是一个无限大的矩形。例如,当渲染一本书时,每一页都有最大的高度和宽度。文本容器会定义这个大小,并且不接受任何超出的文本。...5、UITextView UITextView作为显示出来的实际的文本视图,在 TextKit 中,文本视图有两个目的:第一,它是文本系统用来绘制的视图。

    1.5K30

    iOS文本布局探讨之一——文本布局框架TextKit浅析

    iOS文本布局探讨之一——文本布局框架TextKit浅析 一、引言         在iOS开发中,处理文本的视图控件主要有4中,UILabel,UITextField,UITextView和UIWebView...在TextKit框架中,提供了几个类分别对应处理上述的必要条件: 1.NSTextStorage对应要渲染展示的内容。 2.UITextView对应要渲染的视图。...最后,将要展示的NSTextContainer绑定到具体的UITextView视图上。...@property(NS_NONATOMIC_IOSONLY) NSLineBreakMode lineBreakMode; //设置每行文本左右空出的间距 @property(NS_NONATOMIC_IOSONLY...TextKit框架中在对文本进行布局时,主要关注于3个方面: 1.字符的属性,例如颜色,字体等。 2.行与段落的属性,如缩进,行间距等。 3.文档属性,包括四周边距、文档尺寸等。

    1.9K10

    【IOS开发基础系列】UITextView专题

    包括一些信息,例如如何调整字间距以及缩放。最终,该对象包含的信息将用于文本绘制。该参数可为 nil 。 返回值         一个矩形,大小等于文本绘制完将占据的宽和高。...但是,如果绘制完整个文本需要更大的空间,则返回的矩形大小可能比 size更大。一般,绘制时会采用constraint 提供的宽度,但高度则会根据需要而定。...特殊情况         为了计算文本块的大小,该方法采用默认基线。如果NSStringDrawingUsesLineFragmentOrigin未指定,矩形的高度将被忽略,同时使用单线绘制。...(由于一个 bug,在 iOS6中,宽度会被忽略) 兼容性      iOS 6.0 以后支持。 声明于     NSStringDrawing.     ...(译者注:字体大小+行间距=行距)     NSStringDrawingUsesDeviceMetrics:         计算布局时使用图元字形(而不是印刷字体)。

    44340

    photoshop技巧之 在排版文字时常会用到的快捷键技巧

    这两天兴致来了,又开始了PS学习之旅,看到教程中的思考,不由去网上搜索了一番,暂且记录在这里。 ? ? 这个技巧很基础,不过十分的有用。...在文字区域中按住alt键和键盘的上下左右键,你就可以对文字的间距,行距等进行调整。比起输入数值调整更快更直观。 看看下面的图,你会更清楚。 ?...在自己练习排版的过程中自然就会掌握一些适合自己的便捷方法的,不一定快捷键就优于鼠标流与精确输入流,真正快捷合理才是本质。...来源: TanghuiDesign的设计便签 另: 其实Photoshop是有快速调用字符和段落面板的快捷键的。...比如你可以边输入文字边修改文字大小,那么这一行文字输入的大小就不一样了。

    1.4K00

    Cacti 中查询MySQL数据库占用磁盘大小并返回的php修改了

    cacti 中查询MySQL数据库占用磁盘大小并返回的php修改了,但在cacti中配置了模板,可以在device中创建表格并且可以生成data source的条目,但始终没有返回数据 不知道是什么问题...尝试过用script query 和script_server的方式,由于还是不了解也不知道是对cacti的了解不够还是什么原因 始终没有返回值 哪位大神给指点下 贴这里记录下,因为之前通过snmpwalk...的方式进行制作模板已经成功,没办法用自定义mib的方式进行实现吧,后面再分享 data query中引用的xml文件     get mysql databases...查询文件也做了修改调整了 参数 和输出方法 大小并返回的php修改了 下载方法见 http://www.linuxidc.com/Linux/2013-07/87684.htm

    1.7K20

    iOS表情键盘的完整实现

    表情图片的对齐字体大小 */ - (void)replaceEmojiForAttributedString:(NSMutableAttributedString *)attributedString...在iOS11上,UITextView上的NSTextAttachment(表情)默认可以进行拖拽交互,但是却导致拖动光标时很容易触发这个交互(图示可以查看上面说到的微博国际版中的误触)。...表情功能,UITextView都是用NSAttributedString进行赋值的,并且我们底层其实还是用上面说到的纯文本进行实现的,那么把 [笑死] 转成 ?...就会从4个字符变成1个字符,这里是有差值的,如果不处理的话就会出现上面提到的微博国际版中复制黏贴输入框的表情会导致光标位置不对,甚至莫名其妙多出前后空格的问题。...这里自己继承并实现了UITextView的子类PPStickerTextView,在这个类中重载复制、黏贴、剪切等操作,分别对应的方法如下: - (void)cut:(id)sender; //

    2K30

    Word表格怎么调整行距?分享六个超实用技巧

    [段落]中的[行与段落间距]图标,点击[3.0]可以将行间距调整为3倍行距。...二、增大字号 在[开始]界面选中表格,然后点击[字体]栏中的[增大字号]图标,我们可以看到表格行距也会随之调整。 三、调整单行行距 将光标移动到两行单元格之间,直到出现一个上下箭头的符号。...四、调整段落间距 在[开始]界面选中表格,然后点击段落栏中的[段落设置]图标。接着在[缩进和间距]界面中调整行距,然后点击[确定]就可以了。...五、调整文档间距 在[设计]界面选中表格,然后点击[文档格式]中的[段落间距],点击[自定义段落间距]。然后在[设置默认值]界面中调整行距,然后点击[确定]就可以了。...六、调整页面行距 在[布局]界面选中表格,然后点击[页面设置]栏的[页面设置]图标。接着在[文档网络]界面中调整行距,然后点击[确定]就可以了。

    29.6K10
    领券