这部分我们来看看「界面设计中的惯例(conventions)」,重点分成两个方向:
一、人类和界面的物理关系
我们每天都在用屏幕,比如手机、平板、电脑,而这些界面的布局、按钮的位置,其实都不是随便放的,它们和我们的身体结构密切相关。
👉以键盘为例
想象一下,我们最常见的数字键盘:有数字、有按钮、有显示屏。如果你把这些元素随意打乱摆放,用户就很容易迷失,不知道怎么操作,甚至都不觉得那还是“一个键盘”。
这是因为我们习惯了它的固定排布方式,比如像计算器那样的格式——这种格式是从上世纪70年代、80年代的实体计算器传下来的。
即使到了今天的iPhone电子计算器,按键的排列方式依然几乎不变,颜色、形状可以变,但位置不能乱,不然会让人觉得怪、不好用。
二、人类身体对界面的影响
✋ 按键大小、位置,要适合我们的手
按钮的大小要考虑到人的手指有多粗
显示屏的位置要在上方,否则按数字时手会挡住结果显示
界面比例要符合我们手握设备的方式,这样用起来才舒服
📱 不同尺寸设备,不同交互方式
手机:用手指点,小而灵活
平板:双手握持,操作方式略不同
电脑:更大屏幕,用键盘和鼠标
台式机:屏幕远离身体,键盘分离,不便携但适合长时间工作
👉 总结:设备越大,用的身体部位就越多,交互方式也不同。
三、从物理习惯到数字习惯
随着我们使用界面的时间越来越长,一些数字界面规则已经变成“看不见的习惯”,你可能没注意,但它们早已根深蒂固:
🧭 导航菜单为什么都在上面?
因为那里不会被手挡住
可以点开展开下拉菜单
不看也没关系,用户可以选择忽略
顶部适合放重要功能
🧾 页面布局的常见顺序
顶部:导航菜单 + Logo
中间:主要内容
底部:次要信息(如帮助、隐私政策)
👉 这样的页面看起来就很“熟悉”,哪怕你第一次来这个网站,也不会迷路。
🔍 搜索图标:放大镜也是“习惯”
你看到放大镜图标,第一反应就是“搜索”
你根本不会认为它是“放大东西用的”
这就是典型的数字时代的符号约定
总结
好的界面不是靠想象力堆出来的,而是基于人类身体习惯 + 使用经验演化出来的。
界面布局要符合人类手眼协调
按钮设计要考虑手指尺寸
信息安排要遵守视觉逻辑
数字符号(如放大镜、菜单图标)是通过长期使用变成共识

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實的服務(wù)了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。