×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

网站设计中网页的小图标和小序号的使用

文章编辑:网站建设 文章来源:网站设计 浏览量:

  深圳网站设计公司我们将网页中的这些常用小装饰整理成四个类别:小图标、小序号、小字、小手绘,也许当我们浏览一个页面时很难关注到它们,但这些小的装饰点却在视觉潜意识里为整体页面的易用性、舒适性、节奏感和亲切度默默加分。
一、小图标
1.图标的分类
图标是指对操作功能或对事物主题的图形表现,在网页设计中图标一般分为抽像和具像两类。
(1)抽像的行为图标这一类是诠释计算机系统操作功能的图标,我们通常称之为ICO,系统包括PC系统和手机、平板电脑等系统,操作包括系统操作和拓展的网购、聊天、游戏等相关的应用系统操作,这类图标通常是对行为和状态的概括,表现的内容相对抽象,所以有一套相对标准的图标规范,如放大、缩小、锁定、收邮件、登录用户等,经过长期的操作培养,用户可以逐渐掌握并快速识别。
(2)具像的物品图标
这一类是描述具体事物的图标,这类图标通常根据描述的内容而定,表现上相对抽象图标比较容易识别,所以没有统一的规范,风格表现也比较多样化。它通常是一些现实中的奖励物品或是游戏里的道具图标等。
2.使用图标的好处
(1)方便快速浏览
文字本是视觉语言的二次翻译,而图形则是视觉的直译,所以扫描图标自然比扫描文字显得更加轻松。用户一方面可以直接通过扫描图标来获取大致的信息,另一方面也可以所见即所得地进行步骤的操作。不论是浏览还是交互操作都更加方便。
(2)简化文字说明
对于常用的功能或者主题图标可以为我们收纳或省去一定量的文字说明,让排版的自由度更高,版面视觉更直观上档次。
(3)增强版块节奏感和舒适度
图形和文字的搭配可以降低阅读的疲劳感,也增强了图文结合的设计节奏感。
公共交通、自行车、拼车、班车、步行、远程办公,这六个图标直接点明了页面的主题,这是一个净化空气的环保专题,这里用图标展示了推荐的六种不同出行方式。图标的使用让画面直观醒目并且有趣,通过扫描图片就能获得大意,交互操作也更加直接方便。
二、小序号
序号就是指顺序的号码,在文字衣橱中我们也有提及,序号通常是阿拉伯数字1、2、3、4……,或者是中文一、二、三、四等,由于字体和功能的独特性,不论在字形还是位置都与正文有所区别。所以序号的设计可以增强信息排版的节奏感。另外由于它功能的独特性,设计中经常将其做为一个小图标来设计,表现形式也多种多样,在满足分类分段功能的同时又增强了整体的趣味性和设计感。下面我们来具体分析一下序号的四个功效。
1.阅读顺序引导
基于最原始的功能需求,序号具有引导阅读顺序的功能,在它的牵引下,我们的排版可以更加灵活,不受环境的限制,因为序号最终会帮助我们在混乱的形式中寻找到阅读的轨迹。下面我们针对几种排版布局来看看序号在其中的作用。
2.快速阅读
1、2、3如同地图坐标一样,我们很容易通过扫描找到与之对应的主标题并快速获得关键信息。1、2、3的标识也可以如同记号一般让用户在大量的文字和信息阅读过程中拥有停顿休息,并从这个记忆点继续出发。标记点的设定,也可以减轻信息阅读恐惧。
3.增强节奏感
放大标题中的1、2、3,使其与详细说明文字形成了明显的大小对比,在排版形式上增强了信息展示的节奏感。
4.图片装饰效果
由于序号的特殊功能,设计上较其他内容也有更强的独立性,所以我们可以根据主题内容尝试将其设计成不同的形态,让它成为页面中的装饰纽扣,增加页面的小看点,也让页面细节更精彩。网站设计公司本文关于“网站设计中网页的小图标和小序号的使用”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:https://www.198bona.com/construction/design/3907.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。