• 当前位置:首页资讯圈子圈事
  • 每个网页设计师都应该知道的设计概念

  • 发表时间:2022-11-16 00:48:00  作者:admin  阅读资数:685

  • qiminet_img (3)

    1.留白必不可少

    如果您想知道是否可以通过跳过此练习来逃脱,答案是否定的。适当数量的空白可以让用户休息一下,这对用户处理网页上的信息至关重要。 

    这也是为什么要避免不合理的文本块并用更简洁的短句和三行段落代替的原因。查看页面上的其他对象并确保所有内容都已平衡。 

    例如,对于垂直间距,最好使用正文大小字体的分数。有许多不同的比例您可以根据您认为最合适的方式使用。

    2. 创建网格和布局

    一个好的网格有助于将网页分成几个部分,以便可以充分组织内容和层次结构。创建网格和布局时要记住的一件事是,您的网页设计必须针对不同的屏幕尺寸进行优化。 

    请记住,网格就像所有其他组件一样使用空间。空间不仅仅是网格。最终,网格应该用于提供视觉对齐的基础系统,还有助于在页面上的对象之间的关系之间建立光学平衡。

    您可以选择多种类型的布局,如下所示。  

    固定布局 

    固定布局将是静态的,页面上的容器不会移动。如果您使用的是小屏幕,这不是最理想的类型,因为用户最终必须水平滚动才能清楚地看到任何内容。 

    流体布局

    流体布局将使用百分比而不是像素来调整大小,这样可以轻松进行调整。例如,将窗口变小或变大都不会造成麻烦。唯一的缺点是布局最终可能会变得太小或太窄,并且很难识别何时发生这种情况。 

    自适应布局

    自适应布局将包含带有各种断点的网格。在窗口变得足够小或足够大之前,网站不会改变,然后它会相应地调整布局设计的大小。 

    响应式布局

    响应式布局是流体和自适应类型的有趣组合。当用户更改屏幕尺寸时,即使尺寸不是基于百分比,屏幕也会相应地进行调整。

    相反,每个屏幕尺寸的每个断点都有单独的开发和设计概念,确保无论发生什么变化,您的网站设计布局都不会出现任何问题。  

    3.注意视觉层次

    如果您想为您的用户创造完美的体验,那么页面上布置的信息必须与视觉层次完美协调。这意味着页面上的任何对象都必须一眼就能轻松理解,并且结构美观。 

    这样做将允许用户更轻松地浏览页面并更快地完成他们在那里的任务。您可以使用多种技术来优化站点的视觉层次结构。例如,使用颜色和对比度是将注意力吸引到号召性用语按钮/文本的好方法。

    另一种方法是通过做足够的用户研究来了解人们倾向于出于习惯而倾向于什么样的阅读模式。然后您可以相应地放置信息。例如,用户浏览网页的两种最常见方式是 F 或 Z 模式。 

    4.灵感文件夹是一个很大的帮助 

    图像是一个明显的网页设计基础,也是有充分理由的;正确的图像有能力抓住目标受众的脖子,并将他们拖到您希望他们在网站上出现的位置。 

    它是一种工具,可以很容易地使用户的注意力保持足够长的时间,并打动他们采取预期的意图。但是选择正确的图像并不像看起来那么容易。当您需要时,谁知道正确的位置在哪里? 

    这就是为什么最好将每个图像的图库保存在一个文件夹中。这样您就可以轻松地浏览它,而不是在互联网上进行十几轮搜索最好的。它可以是照片、视频、其他网站等所有内容。只要您觉得有趣或足够有影响力,就把它放在那里。 

    这样做的另一个巨大优势是,它还可以让您始终如一地评估您的新概念设计。您的大脑将始终活跃地分析设计,并且作为网站设计师,这将始终派上用场。

    5.不要逃避批评 

    作为一名设计师,可以预料,让你感到不安的可靠方法可能是有人不断地挑剔你的工作。 

    不管反馈是否真的有用,或者只是有人试图打扰您取乐,您可以从中评估提供反馈的方式对于接收反馈的人的重要性。 

    建设性的反馈是至关重要的,也是改进您当前和未来作为设计师的工作的最佳方式。获得真正重要的反馈的一个好方法是根据用户所说的内容以及网站流程、设计目标和视觉原则等内容收集证据。 

    这样,您就可以为需要进行的任何更改找到理由。而且您将能够更有效地解决问题。