2019-02-24 分类: 网站建设
一、如何给网站布局
这不是你去给页面布局,但内容决定了布局。 布局是内容组织的必然结果。 考虑到页面的所有需求,页面的布局自然会形成。 将页面的所有页面扔到页面中,然后移动它们并调整它们。
在不断调整的过程中,需要支持以下几点:
充分理解页面的不同组成部分并确定主要和次要要点。
引导用户对布局的看法,了解用户在浏览网页时的习惯。 例如,用户习惯从上到下浏览网站,从左到右,左上角是第一视线,右下角是最后的休息点,右上角和左下角是视觉盲人 现场,所以设计时可以比较重要的内容是在左上角和右下角。
使用颜色来吸引注意力,突出显示突出显示的颜色,例如左上角的徽标和右下角的按钮是最重要的部分。 为了突出这两部分,您可以使用一种颜色,这种颜色在网站上不会在其他地方使用。 这产生了对比并突出显示它。
二、统一设计风格
统一的设计风格只是说了一点,就是使用象征性的统一设计风格,顾名思义,这个标志既可以是品牌标志,也可以是网站的整体标志性风格。
在界面一体化的章节中,作者没有多少介绍,浪费了三页纸,界面设计中统一性的重要性非常高。 在这里我想利用“介绍交互设计4的精髓”对引入统一性和我对统一性的理解做一点补充,主要归纳为以下两点:
1. 统一性的益处
统一意味着软件产品的不同模块必须具有相似的外观,感受和行为。
统一改进易用性和学习,降低用户学习成本,并减少客户培训和技术支持成本。
改进设计和代码的重用,减少开发时间和工作量。
Unity可以创造有序的感觉并让用户感觉舒适。
给予用户统一和统一的印象使用户更容易识别产品开发人员的专业性,从而提高用户对产品的信任。
2. 如何做到统一
建立关系:通常一起使用的元素在空间上被组织以减少鼠标的移动;具有相似功能的元素在视觉上是组织的,也就是说,视觉元素与行为元素是一致的。
将视觉元素与网格系统对齐:这是设计人员帮助用户组织和系统体验产品的重要途径。
一致性:如果屏幕上的两个区域需要几乎相同的空间量,则应将它们设置为完全相同;如果这两个地区需要不同的规模,他们可以有很大的不同。如果他们不能完全一致,他们可以增加。差异,因为细微的差异可能会让用户感到不稳定。
一致的间距和定位:如果屏幕的标题部分始终完全显示在同一位置,则用户无需思考或浏览界面。一致的间隔和定位可以帮助人们内在的视觉处理机制,大大提高屏幕的可读性。性别。
重用元素:这样用户只需要学习一次。
三、如何设计导航
人们通常获得指导的方式是粗略浏览一下页面,看看他们有什么样的选择,并快速筛选出他们不感兴趣的内容。
在设计导航时,让用户感觉他们是主人。 使用呼叫短语设计导航,如“创建页面”,这使用户感觉他们正在指导软件。 他们是领导者,而不是领导者。
四、创建链接
在许多网站中,有各种链接。 这些链接根据时间,相关性,点击率等按各种顺序进行排列。许多网站的排列方式很简单,很少进行详细设计。 作者举了一个例子:
△ 这是某公司内部网首页的新闻列表,目的是让该公司的员工随时了解最新事件,是按照时间顺序排列。
设计思维:这些链接中的最新事件往往是最重要的; 如何让用户了解链接按时间顺序排列;
所使用的设计方法是为了让环境提供一个引导线索,就像日本车站在火车即将进入车站时将播放独特的音乐一样。 这种独特的音乐可以有效吸引乘客的注意力,并准备早日起飞。 作者试图将环境提示的概念应用到链接列表中。
首先更改字体大小,将字体大小从大变小,显示链接的优先级,并从更深和更轻的字符中创建年龄感,以便用户可以清楚地了解最重要的内容。
作者从列车到车站的音乐灵感来源于设计。 因此,我们通常应该出去散步,观察生活,拓宽视野,看看能够激发灵感和加强我们设计的东西。
创新互联,行业网站建设公司,14年专注企业网站一站式服务,已为众多企业公司提供网站建设,网站设计,网站制作,手机网站开发,模板建站等服务。高端定制网站建设领军品牌--创新互联值得信赖!
文章标题:建设网站如何给网站布局
文章网址:https://www.cdcxhl.com/news/79256.html
成都网站建设公司_创新互联,为您提供网站内链、云服务器、App设计、网站设计、企业网站制作、虚拟主机
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容