首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

UX笔记#01 |按钮用图标还是文字

Problem: 在设计按钮时,经常会纠结是用文字还是图标,还是文字图标? ? ? 苹果的系统APP也是同一个界面文字图标混用的,那究竟是他们是怎样想的呢?...在内容区域(就是不在导航栏工具栏)添加文字按钮时,要注意可交互性Interactivity,就是按钮看起来是可以点的,否则会内容文字混淆,区分方法有三个: 一是上下文场景,一个按钮放在电话号码旁边很可能就是拨打电话的按钮...再往下挖因该要到语义学符号学的范围了。 以上就是指南里面全部相关内容,那回到我们最初的问题,“用文字还是图标?”,考虑的因素大致有以下两个: 1. 图标是否能准确表达?能用图标,不能用文字 2....紧张用图标,不紧张用文字文字图标。...使用图标文字时,图标文字的大小比例也是可以调整的,可以以图标为主,如Tab bar上面的大图标文字,也可以以文字为主,如系统设置里小图标文字。 OK, Problem solved!

1.4K30

使用 ImageMagick 轻松制作带有多种尺寸的 ico 图标文件

ico 图标格式是一种包含多种尺寸位图的容器格式,Windows 用这种格式来作为图标是为了能让文件图标在各种不同显示尺寸下都能看起来清晰可辨。...可是,相当多的平面设计软件都没有内嵌 ico 格式的支持(尤其是 macOS 版的),导致设计师很难直接输出 ico 格式的图标。...另外,有些自称能 png 转 ico 格式的图片转换器虽然能生成 ico 格式,但这种 ico 格式内只包含一种位图尺寸,导致在很小或很大时图标显示非常模糊。...介绍文字很多,如果看不下去的话,直接选 Windows 章节下第一个表格里第一个版本下载即可,这是 64 位系统下的 ImageMagick 安装包,下载完点击安装后即可拥有其完整的命令行工具。

68620

前端基础-CSS网站图标字体图标

网站图标字体图标 1.网站图标 作用:一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本,就好像现在说道熊爪大家都能够想到度娘,更多的属于用户体验。有利于识别当前窗口是在哪个网站。...="favicon.ico" /> 例: 生成ico图标 示意图 ?...使用流程: ​ (1)打开网上的图标库,网址:http://www.iconfont.cn/,搜索需要的图标,或者打开图标库 ​ (2)将需要的图标加入购物车 ​ (3)打开购物车添加至自己的项目(没有的需要自己创建...),点击确定 ​ (4)下载至本地 ​ (5)在html中引入下载好的css文件 ​ (6)在标签中使用(需要两个类名,一个图标类型,一个图标名称) 例: 示意图 ?...将需要的图标加入购物车 示意图 ? 在购物车中将图标添加至项目 示意图 ? 有项目就选择,没有就新建 示意图 ? 下载至本地 示意图 ?

5.7K40

ASP.NET MVC使用Bootstrap系列(3)——使用Bootstrap 组件

Bootstrap为我们提供了十几种的可复用组件,包括字体图标、下拉菜单、导航、警告框、弹出框、输入框组等。...为了更好的展示Bootstrap导航条,我在ASP.NET MVC的_Layout.cshtml布局页创建一个fixed-top导航条,当然它是响应式的——在小尺寸、低分辨率的设备上打开时,它将会只展示一个按钮并带有...各路径间的分隔符已经自动通过 CSS 的 :before content 属性添加了。...Bootstrap的输入框组为我们在Input元素的前面或者后面添加指定class的块,这些块可以是文字或者字体图标,如下所示: <div class...txtPhone","1194679215",new { @class = "form-control" }) 上面的输入框组合中,在Textbox的左边放置了一个带有字体图标

6.5K100

设置窗口图标EXE应用程序图标

Step1 Step2 设置EXE图标 Step1 Step2 设置窗口图标 Step1 添加图片资源到qt的qrc文件(qt资源文件)中,可以用自带的Qt Resource Editor编辑,也可以直接用文本编辑...setWindowIcon(QIcon(":icon/hsq_128.ico"));//图标-哈士奇诡异的笑容 // ... } ?...设置EXE图标 但是上述改动却不会改变EXE的图标,按照qt助手提供的方法,可以进行实现。 ?...\\icon\\hsq_128.ico" 帮助文档说的是IDI_ICON1,而我使用IDI_ICONIDI_ICON2也ok,我就有点懵逼,对于这个资源文件语法,估摸着要去查查MFC的文档,不过这已经不重要了...对于LinuxOS X的图标,qt助手也有介绍。 Step2 将res.rc文件加入工程,对于VS而言特别方便,如果用Qt Creator就照着帮助,加入.pro文件即可。 然后编译,OK。 ?

9.7K41

带有VagrantVirtualbox的Elasticsearch集群

模拟分布式存储计算环境的一种简单方法是将Virtualbox作为VM(“虚拟机”)的提供者,将Vagrant作为配置,启动停止这些VM的前端脚本引擎。...guesthost应该能够互相交谈。我们希望客户组成一个集群并一起工作以启用服务。主机应该能够控制使用客户群提供的服务。 guest应该可以访问互联网。...最后,为了便于使用移植,每个访客在创建时应具有IP地址名称“已分配”。 安装Virtualbox并创建各种VM非常简单。根据我下载的预建图像,我可以按照我想要的方式设置一个VM。...我想要一种各种各样的交钥匙解决方案,其中我可以预先编写VM群集创建的所有方面,并且只需运行它就可以在安装,启动饲养所有工具的情况下创建该群集。...从主机guest虚拟机之间共享的一些样板配置文件开始,上面的脚本根据在配置期间传递给每个guest虚拟机的参数来修改它们。

1.4K30

【前端攻略--HTMLCSS】边框、文字效果与字体图标实例介绍

yellow; } ---- 文字效果...500; /*设置斜体*/ font-style: italic; /*颜色设置*/ color: white; /*设置文字的阴影...字体是矢量的,所以不会失真,可以按照字体一样设置字体颜色大小。 上阿里巴巴矢量图标库http://www.iconfont.cn/下载字体图标,选择添加到库,在库里统一下载到本地,别直接下载图片。...支持按字体的方式去动态调整图标大小,颜色等等。 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。...因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。 不过因为本质上还是使用的字体,所以多色图标还是不支持的。

1.9K10

HtmlHelper(辅助产生HTML之用)

弱类型: 1.使用HTML辅助方法输出超链接 (1)在View中输出ASP.NET MVC的超链接通常会用Html.ActionLink辅助方法,该方法用于产生文字链接,其文字部分会自动进行HTML编码...(HtmlEncode) 语法范例 说明 @Html.ActionLink("链接文字","ActionName") 这是最基本的用法,要跳转的控制器为本视图所在的控制器。...@Html.ActionLink("链接文字","ActionName","ControllerName") 指定链接文字、动作、控制器 @Html.ActionLink("链接文字","ActionName...",new{id=123,page=5}) 当需要设定额外的RouteValue时,可以在第三个参数传入object类型的数据 @Html.ActionLink("链接文字","ActionName",...@Html.ActionLink("链接文字","ActionName","ControllerName", null,new{@class="btnLink"}) 5个参数 使用Html.AcionLink

1.1K30
领券