有哪些按钮的设计方法?
按钮的不同分类如下:* 动作按钮* 常用按钮样式* 按钮的颜色和形状* 按钮状态和反馈* 标签按钮* 触摸屏按钮* 按钮的位置* 系统按钮* 总结 动作按钮 我们将分析按钮的层次结构和它们通信的语言。虽然有些按钮通熟易懂,但按钮操作不取决于它们的外观,而是取决于用户的行为。 1_1.行为召唤(CTA / C2A)在设计中行为召唤按钮通常会提示用户注册/立即购买等。在产品设计中如果强烈建议用户应该做的事情应该使用CTA按钮。 行为召唤按钮对于CTA按钮,我喜欢使用圆形按钮,这样会更引人注目。 1_2.主要操作按钮虽然CTA按钮和主按钮看起来相同,但我喜欢将它们分开。主按钮应该是一个强大的视觉指示器,可以帮助用户完成他们的旅程。主按钮应该在用户可能想要“下一步”、“完成”、“开始”等的情况下使用。主要操作按钮对于主要操作,我喜欢使用实心按钮。 1_3.次要操作按钮从“返回”的辅助按钮到“下一步”的主按钮,或从“编辑”的辅助按钮到“保存”的主按钮。辅助按钮是我们为用户提供的主要操作的备选方案。 主按钮旁边的辅助按钮的两种设计我更倾向于使用线性按钮或文本链接作为辅助按钮。 1_4.三级按钮三级按钮通常用于其他操作,可能暂时不是用户想要做的事情。比如“添加朋友”、“扫一扫”、“编辑”或“删除”之类的内容,前提是它们不是主要操作。不同形式的三级按钮一般来说,人们会使用较小或较不突出的按钮样式。 常用按钮样式 下面我们将介绍常见的按钮样式,不同风格的按钮样式和他们的使用技巧。 2_1.实心按钮实心按钮是带有实心填充的按钮。 一个实心按钮 2_2.线性和幽灵按钮线性按钮和实心按钮正好相反,一个没有填充的按钮 – 只是一个轮廓。虽然经常互换使用,但我更喜欢将线性按钮视为浅色(在白底下按钮的轮廓和文本颜色深一点更明显),将幽灵按钮视为深色(在黑底下按钮的轮廓和文本颜色浅一点更明显)。 线性按钮(左)和幽灵按钮(右) 2_3.圆形按钮圆形按钮其边缘设置为最大圆角半径。 圆形按钮 2_4.FAB(悬浮按钮)悬浮按钮是一种巧妙的设计模式,Google Material Design中更加受欢迎。虽然它们可能看起来像一个图标按钮,但实际上它们用在屏幕上的主要操作按钮。
一款键盘的键位设计包含了两个概念,一是主体的英文和数字键位设计,二是各种附属键位设计。
最通常的英文与数字键位设计方案就是俗称的“QWERTY”柯蒂键盘。这是Christopher Latham Sholes于1868年发明的键位方案。
众所周知,许多文章中说柯蒂键盘主要的设计目的就是使击键的速度不至太快。不过在这些文章中的说法有一个小小的错误,这就是——柯蒂键盘的键位设计并不是要“使击键的速度不至太快导致卡住”,而是“在不至卡住的前提下尽量提高打字速度”。
这两种说法中有一个微妙的差异,这就是说,减慢打字速度不是最终目的,QWERTY键盘并不是在一味的减低速度,它固然有把ED这样的常见组合放在一个手指上的减低速度设计,但也有很多诸如ER这样的加速组合键位。
实际上这样设计的根本原因在于机械式打字机的结构,其铅字杠杆的结构决定了当两个位置接近的铅字同时按下的时候就会卡死,但相对的两个相距较远的铅字就不会发生同样的问题,相信有过英文打字机使用经验的人应该都会有所体会。
在柯蒂键盘上,一些常用的字母被放在无名指、小拇指等位置上,这一向被认为是用小拇指等的不灵活性来减低速度,但这种说法没有考虑到机械式打字机的实际情况,食指固然是最灵活的,但食指键位上的按键也是最容易卡死的,所以将常用字母放在边缘以保证在高速打字时不会卡死也就是理所当然的。
所以说,设计柯蒂键盘的最终目的并不是为了单纯的减低打字速度,事实上,柯蒂键盘的设计方案恰恰是为了提高打字速度,只不过是“在不会卡死的情况下尽力提高打字速度”。
进入20世纪以后,机电打字机发明使得机械式打字机的铅字臂卡死不再成为一个重要的问题,众多的高速打字键盘也就应运而生。其中最著名的也就是DVORAK德沃拉克键盘。
德沃拉克键盘是August Dvorak教授在1930年设计的键位方案,由于不再考虑按键的机械结构问题,所以按键排布完全按照理想化的击键率分布设计。手指运动的行程比柯蒂键盘要小得多,平均打字速度几乎提高了一倍。不过正如很多事情一样,习惯的力量是难以抵挡的,德沃拉克键盘至今只是在极少数专业场合使用。不过对于想试试的人来说,可以尝试一下Windows里自带的德沃拉克键盘方案。 各种语言的键盘基本都是在英文键盘的基础上改变而成的,大部分键的排列方式都和英文键盘相差不远,只有一些细微的差别,例如英国键盘上的美元符号变成了英镑符号,而德文键盘上的子母Y和Z互换了位置。
各种远东语言键盘在英文按键部分则与不标准的美式英文键盘没有什么大的不同,但在一些附属按键上则有明显的区别。对于中国用户来说,最容易见到的非美语言键盘可能就是二手市场上常见的日文键盘了,与标准的英文键盘相比,它的大部分按键都是一样的,但在一些标点符号上却有明显的位置差异,从而导致在英文系统中使用一些标点的时候出现按键的标识和实际内容对应不上的情况。
键位设计的另一个概念就是附属键位的设计,从最早的IBM PC 83键盘到现在主流的108键Windows98键盘,已经更新了几代,但总体上并没有根本性的变化。虽然其中有一些诸如紧凑型的设计,但从市场反应来看是不成功的。由此可见,目前的键盘键位设计经过了多年的实践检验,已经是非常成熟的理想设计。 所谓的十字形方向键,指的就是键盘上的独立方向键呈十字形排列,这种设计最初是为了在形象上更为接近传统的83键盘设计,但实际的效果却相当的差。
最早的十字形键是微软第一代人体工学键盘上使用的,但随后就成为这一代名品上被人骂得最多的设计,十字形的键位看起来很好看,但实际使用一下就会发现这种按键设计手指会别扭的挤在一起,无论在日常使用还是在游戏中都极不方便,特别是在赛车游戏中几乎没法玩下去。所以微软在此后的第二代产品中又改回了原来的设计。
不过可笑的是,始作俑者微软自己都已经不用十字形方向键了,但近来一些国内的厂商却又把这种弄巧成拙的设计拾了回来,还作为特色设计之一来大肆宣传。强烈建议大家对此不要考虑,否则买回来就有够受的。
你的手机在升级,你的电脑在升级,但是你的键盘是不是还是原来那个它呢?!
如此重要的生产力工具,除了在薄膜键盘和机械键盘中纠结,是否还有其他值得入手的功能呢?
于是,基于用户的不同需求, Ficihp 公司推出了一款触摸屏多功能键盘。
这是一个有趣的设备,它将键盘和触摸屏显示器结合到一起。将 Ficihp 与计算机或手机连接,即插即用,可以将其用作键盘和第二个屏幕。
FICIHIP 多功能键盘采用铝制机身,QWERTY键盘,按键上方是 12.6英寸、1920×515像素、刷新率为60Hz的显示屏和支持10点触控输入的控制面板。
连接手机时,手机可以秒变多屏小电脑 ,手机上的内容能在触控屏上显示与操作。出门在外,即使没带电脑,也可以用手机 + 键盘的方式,及时处理临时的工作,文字工作者也可以轻松应对紧急状况。
连接电脑时,你将不再局限于键盘操作,同时也拥有了第二个显示屏。我们 可以将不同的应用程序分屏显示,不再需要反复切换程序和选项卡。
比如处理多文档时,可以上下分开显示。
利用触摸屏+键盘,可以更快速的编辑文档。
剪辑音视频时,也可以将主要操作界面移至小屏幕,利用触摸屏,快捷处理任务。
这种支持触控操作的键盘是不是爱了?
值得一提的是, FICIHIP 具备两款键盘,一款是K1-剪刀开关式键盘。
另外一款是K2-机械键盘 ,使用手感更胜一筹。敲打键盘啪啪作响+闪闪发光的键盘,都是游戏少年的最爱。
K-2键盘 带有15种 RGB 背光按键 ,即使在昏暗的环境下,也不会耽误使用,随时都有灯光环绕。
在键盘背面,可以找到 两个USB2.0接口、一个Type-C端口 ,可以很方便的与不同设备相连。
而它的屏幕显示清晰度接近计算机屏幕,利用它进行视频电话也没问题。
这款键盘的奇妙之处就在于不需要任何软件,就可以兼容华为 EMUI、三星 DEX 和其他具有桌面功能的移动操作系统。
目前,FICIHIP 正在 indiegogo 上众筹,k-1型号的早鸟价是309美金,k-2型号的早鸟价是339美金。
一款得心应手的外设 ,能让我们使用电脑的效率大大提升。FICIHIP 确实是一款能提高生产力的键盘,对于经常处理多任务或喜欢触摸屏幕的朋友们,是个不错的选择。
— END —
一周HOT视频推荐
MORE丨黑科技推荐
按键设计,可以单独占用io口,使用方便,但是占用资源。
也可以做成矩阵键盘,分行分列去扫描io口,检测按键。
还可以直接ad变换,通过电阻分压,检测电压值,只需要占用一个io口,实际应用中这种方式比较多。但是会存在一个问题,如果按键氧化,会导致接触电阻变大,ad转换时会误判为别的按键。
除了目前使用量最多的QWERTY键盘,一些国家为了方便自己的语言输入,也有自己设计的键盘布局。比如德国的qwertz,法国的azerty等等。布局设计的出发点就是方便、快捷和习惯。
目前大多数人使用的键盘布局是QWERTY布局。所谓QWERTY,就是键盘字母区最上面一排按键从左往右数的字母依次是QWERTY。
这种键盘按键布局的产生,是源于打字机的键盘布局,根据维基百科所说,最早的键盘是乐器中的键盘,如钢琴键盘。随着打印电报的发展,出现了打字机。
最早的电报打字机的按键布局和钢琴键盘差不多,就是一排字母,后来一个叫Christopher Sholes的人设计了现在这种三排字母的按键布局,上下相邻的字母水平错开,用来给按键所连接的杠杆留出空间。
将按键顺序打乱是为了防止有些连续的字母快速按下导致打字机卡键,后来的打字机解决了这个问题,但是因为已经卖出去了很多打字机,为了向后兼容,就保留了这种按键布局。
这也造成了虽然这种按键布局的设计并不科学,但使用范围特别广泛的结果,更详细的键盘布局发展史。
除了目前使用量最多的QWERTY键盘,一些国家为了方便自己的语言输入,也有自己设计的键盘布局。比如德国的qwertz,法国的azerty等等。
键盘非常悠久,早在1714年,就开始相继有英、美、法、意、瑞士等国家的人发明了各种形式的打字机,最早的键盘就是那个时候用在那些技术还不成熟的打字机上的。直到1868年,“打字机之父”——美国人克里斯托夫·拉森·肖尔斯(Christopher Latham Sholes)获打字机模型专利并取得经营权经营,又于几年后设计出现代打字机的实用形式和首次规范了键盘,即现在的“QWERTY”键盘。
为什么要将键盘规范成现在这样的“QWERTY”键盘按键布局呢?这是因为最初,打字机的键盘是按照字母顺序排列的,而打字机是全机械结构的打字工具,因此如果打字速度过快,某些键的组合很容易出现卡键问题,于是克里斯托夫发明了QWERTY键盘布局,他将最常用的几个字母安置在相反方向,最大限度放慢敲键速度以避免卡键。肖尔斯在1868年申请专利,1873年使用此布局的第一台商用打字机成功投放市场。
QWERTY的键盘按键布局方式非常没效率。比如:大多数打字员惯用右手,但使用QWERTY键盘,左手却负担了57%的工作。两小指及左无名指是最没力气的指头,却频频要使用它们。排在中列的字母,其使用率仅占整个打字工作的30%左右,因此,为了打一个字,时常要上上下下移动指头。
1888年全美举行打字公开比赛,法院速记员马加林按照明确的指法分工展示了他的盲打技术,错误只有万分之三,使在场人惊讶不已,据记载马加林的奖金是$500元, 从这以后很多人效仿这种盲打,在美国也开始有了专门培养打字员的学校。由于盲打技术的出现,使得击键速度足以满足日常工作的需要,
然而在60年后(1934年),华盛顿一个叫德沃拉克(Dvorak)的人为使左右手能交替击打更多的单词又发明了一种新的排列方法,这个键盘可缩短训练周期1/2时间,平均速度提高35%。DVORAK键盘布局原则是:1、尽量左右手交替击打,避免单手连击;2、越排击键平均移动距离最小;3、排在导键位置应是最常用的字母。
比DUORAK键盘更加合理、高效的是理连·莫尔特(Lillian Malt)发明的MALT键盘。它改变了原本交错的字键行列,并使拇指得到更多使用、使“后退键”(Backspace)及其他原本远离键盘中心的键更容易触到。但MALT键盘需要特别的硬件才能安装到电脑上,所以也没有得到广泛应用。
到了20世纪中期,键盘又多了一个用武之地——作为电脑的基本输入设备。另一方面,至今,“QWERTY”键盘仍然是使用的最多的键盘布局方式,这是一个非常典型的“劣势产品战胜优势产品”的例子。
不同语言的键盘也可能不一样。中文的一般跟英文的一样。
其他语言见图