问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

按钮在线设计-「UI设计」如何做好按钮设计的9个基本原则

发布网友 发布时间:2023-07-07 20:05

我来回答

1个回答

热心网友 时间:2023-07-12 09:26

如何用PS制作常见按钮图标

按钮设计对于美工朋友们是小菜一碟,但对于设计小白那就难一些了,下面就最常见的一种按钮制作方法介绍一下;

工具/材料

电脑,PS

01

打开PS,新建画布,宽度和高度分别为300*300,背景为透明,拉参考线到画布中心;

02

这里使用中行logo做演示,用吸管工具取中行logo的颜色,再用魔棒工具选取logo,Ctrl+C复制;

03

因为背景要用红色,所以用油漆桶工具填充logo为白色;

04

使用多边形工具,切换前景色为红色,边数改为4,下拉菜单勾选平滑拐角;

05

从中心点击向右下角拖动,边缘预留一些距离;

06

右键点击刚刚做好的多边形,选择“混合选项”;

07

勾选投影,参数如图调整,可根据具体情况调整;

08

勾选内发光,参数如图调整,可根据具体情况调整;

09

选择logo图层,Ctrl+T调整logo到合适位置及大小,最终效果如图;

特别提示

混合选项中设置项很多,更多效果可以自行尝试;

手机虚拟按键怎么设置

1.手机虚拟按键

手机虚拟按键安卓手机如何调出虚拟按键

准备

一,手机root

二,手机安装RE文件管理

过程

一,用RE找到system/

二,长按,选择用文本编辑器打开

三,再文本的最下面另起一行输入:

=0

这个指令即可!

其中0代表开启,1代表关闭,可以更改!

弄好后选择保存退出,然后退出RE,重启手机,

然后你的手机就会出现三个虚拟按键了,从左到右分别是返回键,主页键,最近使用程序,特定情况下会出现菜单键!

虚拟按键的版栏有点大

来源:

手机上的虚拟按键是什么意思?

虚拟按键就是在屏幕中设置一个图标,代替物理按键的功能,用来保护物理按键,延长物理按键的寿命。

拓展回答:

1.虚拟就是没有实物、没有按键的、你那手机应该是触屏的、启用虚拟方向键就是在屏幕上有上、下、左、右、确认。功能跟按键一样。

2.虚拟按键可以减少你适应home键与电源键的次数,真长按键使用时间。

3.手机虚拟键盘是指用于全触摸手机的虚拟于屏幕的按键虚拟键盘。可直接把触摸屏上的虚拟键盘当实质键盘使用。

4.关于屏内虚拟按键设计的好坏,一直都存在很大的争议。围绕着屏内虚拟按键,支持者与反对者之间进行了长期的争论,至今仍未分出胜负。然而,当多功能前置指纹按键开始普及的时候,屏内虚拟按键似乎正在逐步走向边缘化。

安卓如何开触屏虚拟键

前言:现在很多安卓手机都取消了实体键或者触摸键,那么,代替这些按键的就是手机的虚拟按键了,比如GN、N4等手机都有虚拟按键,你是不是觉得这些虚拟按键很有趣呢?其实,谷歌在发布安卓4.0的时候,就为系统自身开发了这个功能,但是为什么有的手机上没有这个虚拟按键呢?那是因为很多手机厂商的系统是基于安卓原生再度开发的,他们因为手机的设计,而隐藏了这个功能。

也就是说,只要你的手机是安卓4.0以上的版本,都具有这个功能的,那么,今天我教大家如何实现这个隐藏的功能。实现前提:1、手机必须是安卓手机,并且安卓版本在4.0以上;2、手机必须ROOT,具体ROOT方法请大家在网上寻找,这里不做说明;3、手机必须安装RE文件管理器。

步骤一:1、打开安装好的RE文件管理器,进入system文件夹,点击一下图片中显示的”1“的位置,使状态变为”MountR/O“可读写。2、找到这个文件,长按这个文件,会弹出一个窗口,再选择”openintexteditor“。

步骤二:打开文件之后,你可以看到很多代码,翻到最后一行,然后增加一行代码:=0,然后保存推出,再重启手机,你就可以看到手机屏幕下方的虚拟按键效果了。

华为手机虚拟按键怎么调出来

1、以华为P10为例,打开手机“设置”应用;

2、接下来在设置界面下拉选择“系统”选项;

3、接下来在系统界面选择“系统导航方式”选项;

4、接下来在系统导航方式界面可以看到默认勾选“屏外物理导航键”选项;

5、接下来勾选“屏内三键导航”选项;

6、接下来可以看到虚拟按键就调出来了;

安卓手机虚拟键盘怎么关闭

1、以华为p20手机为例,首先在手机桌面中找到设置图标,点击进入。

2、然后在设置页面中找到导航键一项,点击进入。

3、然后在里面可以看到有导航键可隐藏的页面了。

4、找到选项右侧的按钮开关,点击打开。

5、打开之后就可以看到虚拟键盘中左侧有一个小箭头的图标,点击一下。

6、这时就可以看到手机底部的虚拟键盘已经隐藏了。

怎么手动开关Android虚拟键?

三星Galaxy系列相对于其他Android最有辨识度的特点就是它们几乎都有着一颗实体的home键,但是实体键按得多很可能会遇到失灵的问题,当然我们可以通过一些虚拟键软件解决这个问题。而最近在网上出现了一种比较另类的方法,可以让Galaxy系列手机也加入虚拟键,同时利用相同的方法,也可以删除部分手机的虚拟键。

首先是要获取手机的root权限,然后打开“RE管理器”到系统根目录的System目录下,找到:

这个文件里包含了很多设备的信息,我们在设置里看到的很多版本号都是来自这里:

使用文本编辑的方式打开这个文件,在最后一行加入“=0”:

重启以后,就会发现屏幕下方出现熟悉的虚拟键,另外这造型似乎和Sony的虚拟键很类似:

小米2也有可以通过相同的方法调出虚拟键,如图所示:

在设置的“按键”里面甚至还有虚拟键专用的调节菜单,可对四个虚拟键进行位置的调换,这不禁让人怀疑小米2的原型会不会就是带有虚拟键的:

当然了,这种方法对于小屏幕手机来说会造成很大的影响,占用了一定的屏幕空间这个方法实际上对于一般用户来说可能用户都不大,不过利用同样的思路可以改变部分手机的虚拟键,例如较早期的OneX(OneS)就可以通过类似的方法去掉那“*”的菜单虚拟键:

方法也是类似,不过这次加入的是“=1”,重启以后那条烦人的黑边也就消失了,当然这已经是老方法了,在新的HTCSense里面,虚拟键已经可通过设置去除。如果有其他有虚拟键的手机,也可以尝试用相同的方法去除虚拟键,不过去掉以后我们就要想办法安装第三方的虚拟键应用以实现原来虚拟键的一些功能。

「UI设计」如何做好按钮设计的9个基本原则

按钮是任何用户界面当中(无论是桌面还是移动用户界面)必备的交互元素:甚至可以说,如果页面中没有一个按钮,整个页面设计将是不完整的。

接下来我们就来聊聊制定按钮规范时会遇到的一些问题,虽然只有普通按钮,但还是有很多细节值得我们思考学习。

大纲如下

1、按钮的类型

2、按钮的状态

3、按钮的主次关系

4、按钮的设计尺寸

5、按钮的圆角

6、按钮的文字

7、按钮的样式一致

8、按钮的色彩

9、按钮的摆放位置

1、按钮的类型

按钮包括很多种,本文主要分享的是我们在设计中经常运用到的一些按钮类型。比如普通按钮、图标按钮、文字按钮、下拉按钮等等

2、按钮的状态

按钮的状态一般分为三种:正常态、不可点击状态、点击状态。

正常状态就不必多讲了。按压状态:我常用的一种方式是将按钮的不透明度改为80%-85%:

不可点击状态,也推荐两种实现方式,一种是降低为30%的透明度,另一种是直接置灰:

3、按钮的主次关系

页面的内容信息可以通过文字的大小、颜色形成层级关系。同样按钮设计,我们可以在风格上进行区分,让主要按钮与次要按钮形成差异,达到层级结构的视觉提升,更好引导用户根据设定的轨迹进行操作。

4、_磁サ纳杓瞥叽

4.1_鲜实拇笮

按钮需要方便用户进行点击操作,如果用户点击失败或者误点到周边元素,就会带给用户不友好的体验。若是带有文本的按钮,只要文字大小不要小于极限值即移动设备上44*44,通常实现出来的按钮交互热区都会满足点击需求。

4.2按钮的高度

每个平台都会有多种型号的按钮,我见过最多的可以分为5种:超大按钮、大按钮、中按钮、小按钮,超小按钮,这个可以根据自己平台的需要来制定多少种。每一种按钮都需要有一个特定高度,那么这个高度如何制定才比较科学呢?这里可以推荐一种方式,就是按钮的高度是文字的三倍左右,这样看起来会比较舒服:

4.2按钮的宽度

在不同的页面中按钮的宽度是随机的,所以按钮的具体宽度我们需要具体的功能来设置。

比如在闲鱼APP的登录页、购买页中,按钮的宽度都不是相同的。

5、_磁サ脑步

对于按钮边框来说,我们通常采用全圆角和小圆角居多,这样显得稳重大气。一般我采用全圆角的圆角值等于按钮高度值的一半,而小圆角的圆角值通常控制在1/4H(高度值的四分之一)以内。

同时要注意的一点是,在同一款产品中要保证所有按钮的_步潜壤且恢碌,而不是圆角一致_H绻煌笮“磁サ脑步嵌际且恢碌,那会显得非常别扭。

6、_磁サ奈淖

按钮文字和边框的设计要预留一定的留白,不要做“舍不得”的设计,使得按钮给人感觉很拥挤。如果你把控不好可以分析一些按钮的负空间获取经验,看看文字大小和负空间之间是否存在某种比例关系。找到这个比例关系运用到按钮设计中,也许会让你的设计显得更加成熟稳重。

建议按钮的文字一般_灰6个汉字_

7、_磁サ难揭恢

在同一页面中_磁サ难揭纬梢恢_,不要给用户造成理解上的成本。

8、_磁サ纳

颜色部分比较简单,一般会选用规范体系的颜色即可。但像红色或者橙色多为行动刺激作用,不适合在非品牌色的时候滥用。浅灰色或者低饱和度的色系会带有不可用、禁用、失效等属性,需要酌情选择。

9、_磁サ陌诜盼恢

按钮的摆放位置通常要_岷嫌没У氖泳醺惺堋⒂胗没Р僮飨肮_进行摆放。

好了,以上就是关于按钮规范的分享,希望能帮助大家提供一些思路和灵感,欢迎交流!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
上市就跌的股票为什么 为什么新股都会暴跌 为什么新股上市都跌 身上有烧伤的伤疤怎么去除 石榴皮发霉还能吃吗?新鲜石榴的保存方法有哪些? 5岁上瑞思和英孚哪个好 瑞思和英孚哪个好?上过课后来说说各自的优缺点 瑞思和英孚哪个好?上过课后来分享各自的优缺点 怎么当历史老师 中学历史老师需求状况 金税盘电子发票怎么传给对方 航天金税盘电子发票怎么发给客户 系统磁盘=\device\harddisk0 windows目录=f:\windows 自动检查运行=0... 传呼期间在设备 \Device\Harddisk0\D 上检测到一个错误 鸟类和昆虫都适于飞行,但分属于脊椎动物和无脊椎动物,他们有哪些适于飞 ... 昆虫、两栖类、鸟类的相同与不同 鸟和昆虫有什么不同 ...昆虫、两栖动物、鸟类生殖和发育的相同点和不同点,请据图回答问题... 机洗如何正确使用滴露消毒液 机洗正确使用滴露消毒液的方法有哪些_百度... ...可以喝吗?我经常喝这些放了三天的水,这些水有问题吗? 刚喝了不干净的水肚子有点疼 ...在不小心的情况下喝了这几天肚子总是阵痛 还拉肚子 是怎么回事... 有部一群雪橇犬在雪地里生存下来了的电影叫什么名字? 关于OPERA浏览器的问题 在智联上投了十几份简历,怎么一个也没人查看? 广东商学院华商学院在暑假的时候可以申请在校留宿留宿吗?有没同学试... 学校宿舍,暑假可以住么 求大家提供给我下载08、07、06年康熙来了的资源, 要资源稳定速度快,我... 本科毕业后的暑假的时候可以申请宿舍吗 制作线性电路可以给12伏电瓶充电吗 天猫魔盒连接电视没反应 某船顺流航行48km用4h,逆流航行32km用4h,求水流速度和船在静水中的速 ... 死人的微信被盗了能找回吗安全吗人死了,微信被盗了还可以找回来嘛?_百 ... 苏州金鸡湖水幕电影在哪里看啊? 19万韩元换多少人民币? 19万韩元等于多少人民币? 19万韩币等于多少人民币? 华为揽阅M2怎么设置屏幕待机时间?怎么设置? 我梦见我和老公看电影,他已经到了,我在去的路上走的很艰难 ,感觉很累... 我梦见我和老公在看电影的时候说日子过不下去了他很累代表什么?_百度... 梦见和男朋友在电影院的预兆 梦见跟男朋友一起去电影院的预兆 我妈妈65岁耳朵这两天会无名的胀痛,在耳朵里面,要吃药才能好点,但一... 哈尔滨市CF前十战队 哈尔滨市打架刑事拘留会在哪里 cf百城联赛哈尔滨有两位女选手的是哪队? 松江中继模块输入灯亮输出不亮是什么原因 松江多线模块需要编码吗 主角开局变成精灵公主在现代的小说叫什么 化工设计有哪些特点