怎样做优化,优化

2020-10-12 阅读 袁建柏整理

内容简介:网络优化到目前为止,本系列教程共有五章,共125个实用技能。每种技能都有一个案例比较,以确保其易于理解。今天的@corporate website design sel前端网页优化...

这个系列的教程到目前为止有5个章节,共125个实用技巧,每一个技巧都有案例对比,保证简单易懂。

今天@企业官网设计精选翻译了第一部分在网页设计中如何引导用户的注意力。

学会一个就能受用无穷,更别说这一章整整有17个具体的方法了。

在界面中突出强调一个聚焦点

每个界面都应该有一个清晰的起点。

用户应该从哪里看起?要设计清楚。

△UX策略1在页面标题部分添加视觉对比

通过视觉的层次引导用户

通过界面引导控制用户体验。

他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构。

△UX策略2避免在构图中补漏留白

△UX策略3使用单列布局

△UX策略4重叠设计元素,强调连续性

使用格式塔原则进行布局设计

根据格式塔心理学,人会通过简化感知克服混乱。

所以我们将事物分组,将元素分类,我们看整体。

这些原则包括:相似,接近,闭合,连接,连续和图形/背景。

△UX策略5按照接近性将相似功能或菜单项分组显示

△UX策略6标题位置与对应章节内容更靠近

△UX策略7限制标题与章节内容在同一界限内

在不干扰用户的前提下呈现界面变化

有一些界面变化会发生在用户使用期间,这些变化要做到明显但不干扰用户。

△UX策略8用明显的动画呈现界面变化

△UX策略9将出错的元素区分显示出来,错误提醒信息放置在表单顶部

删除或弱化不必要的信息

人的注意力是有限的。

不必要的元素会消耗这些注意力。

因此,保持用户专注在重要信息和功能上。

△UX策略10弹出或模态窗口背景模糊处理

△UX策略11在所有图像中最大限度地提高数据墨水比率(让数据更凸显)

△UX策略12去掉不必要的边框

△UX策略13删除冗余或不言自明的说明

△UX策略14隐藏不常用但必要的设置、功能和信息

提示首屏以下是否还有内容

现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要滚动提示告知用户首屏以下是否还有内容

△UX策略15通过首屏延伸页面下方信息元素

△UX策略16添加阴影以指示深度

△UX策略17用文字或图形表示有更多内容

作者给您推荐的内容
  1. 网上最流行的美容新美图秀秀网页版漂亮来袭在线美容神器工具是美图秀网页版。此网页版本由美图秀秀电脑版以最简单、最有效的方式为广大用户提供了一个轻松的美丽地图环境。今天,美图...

  2. 今天小编要和大家分享的是微信图片与视频已过期或已被清理怎么恢复,希望能够帮助到大家。01、首先在我们的电脑桌面上找到微信并点击它,如下图所示。02、然后点击登录,如下图所示。03、...

  3. 《探索发现》累加器传递方式的尾部递归优化是使堆栈不需要保存最后一个返回地址/状态值,使递归函数可以看作是一个公共函数调用。递归实际上依赖于最后一个值来查找下一个值。...

  4. 一般我们在电脑上安装软件,都会默认安装在系统盘。那么怎么更改电脑软件的默认安装位置呢?下面我来演示一下吧!01、首先,我们点击开始菜单,点击“运行”。02、在“打开”中输入“reg...

  5. 联想天逸进入bios联想电脑是国内市场较为知名的品牌之一。与国外品牌相比,它不仅具有性价比优势,而且从用户的实际使用体验来看更适合中国人的日常使用。此外,它在其他方面也...

  6. 01、深谋远虑:这个技能是律师随身携带地图,使用地图可以显示律师周边范围内随机一台密码机的位置。并且律师良好的阅读习惯让...

  7. 怎样将asp源代码%调暗CC?信息(4)、strinfo、strtemp if会话(CC?信息)=然后CC?信息(0)=CC log.txt'日志文件名CC?信息(1)=请求服务什么是asp...

  8. 2016年10月18日,格洛瑞在西安召开新闻发布会,不仅带来了千元旗舰机《荣耀来玩6x》,还带来了一款荣耀平板电脑2。这款产品有一块8英寸的屏幕,是一款售价1000元的小屏幕平板电脑。荣耀平板荣...

  9. 很多公众号运营习惯于先在word文档中编辑好文章内容,再复制到微信编辑器内编辑排版。有没有一种办法可以省去复制粘贴的环节,直接导入到编辑器里面呢?01、点击编辑器顶部的“导入Word文档...

  10. 台式机换硬盘最近,桌面硬盘安装系统的问题真的很热。很多朋友都说他们想学这个方法。萧边很忙,但仍然抽不出时间为每个人安排这个方法。你当然非常想要。Win7的小房子为你带来...