当前位置:首页 > 日记 > 正文

实用:网页设计师学习印刷设计的3条设计规则

实用:网页设计师学习印刷设计的3条设计规则
以下是萧边的话,网页设计师,印刷设计3设计原则。本教程是真的很实用,所以萧边为您分享,推荐给大家,共同学习。
本教程是简要介绍3个网页设计师的设计规则,他们想从印刷设计中学习。这个教程真的很好。我建议你喜欢你的朋友一起学习,希望能帮助你。

许多经典的原则,如那些字体设计的原则,还可在线。设计是一个特定的功能的mdash;mdash;是否组成一个字节或一个原子。这意味着网站设计获益良多的先民mdash;mdash;纸和墨。在这篇文章中,我们专注于印刷设计的几个原则,它依然适用于在线。在精通,你可以提高UI和UX设计水平创造更好的、更易于理解的设计。

1让读者保持注意力集中

打印的重点在于可读性,网页上也同样如此:只有阅读器被用户替换。

目标应该是清晰的表达,并允许人们轻松地看整个设计。让我们看看在印刷设计中使用的一些概念。

排版

像报纸,用户不阅读网站上的每一个字mdash;mdash;至少不在第一,这是用户的行为规范。

扫描设计时要考虑两种方式:第一种是F模式。
F型排版:创意bloq主页

F模式反映了用户查看页面的最常见方式。它们的视线从上面水平移动,然后沿着左边垂直移动以寻找突出的文本。

一旦找到引起他们兴趣的内容,他们将开始横向浏览页面。

z模式:
Z型布局:MailChimp的主页

Z模式也是一种自然的浏览模式,通常用于报纸和网页上,用户在页面顶部水平浏览,然后向左移动,然后在页面的下一行水平移动。

想研究这两种布局,右邮票:基本小科学!讨论Web页面的两种最常见的布局设计模式

写的字

与打印一样,Web页面应该有一个清晰的级别。选择适当的字体大小有助于页面上的关键字高亮显示,让用户更容易浏览页面。
明确文本水平:世界烘焙日网站。

让我们看看文本层次结构中的一些常见层次:
主营:页面上最重要的文本是更能吸引用户的注意。通常用在标题和装饰。二:在中间的一切。不像一个标题,是非常重要的,它应该在网页的正文突出。再次:选定文本的主要内容在文本层面,这个层面,帮助用户沉浸在文本中。其他:较小,使用斜体、粗体,强调,不同的颜色,等等。

结合应用程序和文本级别的建立,可以创建订单以防止用户丢失。

为了测试页面的可读性,可以使用3秒原则:只需浏览页面,然后查看其他内容。如果是,那么你是对的,继续保持;如果没有,你需要重新设计mdash;mdash;它可能是真的。
2建立平衡感

平衡感是否来自对称、不对称或辐射,是在设计中创造一种稳定和一致的感觉,如果用户在你的网页上轻松,他们会更愿意留下来。

不要在图片或文字太密:总是考虑元素之间的差距。排版趋于简单mdash;mdash;密集布局会阻碍用户,接受混乱的眼睛是很困难的,这使得人们接受信息的流动更加困难。

考虑到极简设计,我们可以通过白色、黑色或非常深的背景和前景元素达到平衡。负空间的应用可以引导用户的注意力。
令人震惊的简约设计案例:鞋类品牌ETQ网站。

上面显示的ETQ网站使用负空间引导视线的产品展示。这页纸的底部是一个对比鲜明的黑色和白色块,允许用户选择他们的大小或查看某一商品的价格。

互联网上有点令人不安的信息,创造一个安定和秩序的感觉mdash;mdash;当然,也希望有助于用户的购买。
3创造可靠的设计

让你的设计对所有用户都是可靠的。不要使用超过两种字体,以确保所有年龄的用户都能阅读。太乱会干扰信息。

如果你发现自己在屏幕前迷失方向,你的设计可能包含了太多的图片。

当选择一种配色方案,我们应该始终认为用户mdash;mdash;如果它是一个医院网站,用冷静和柔和的色彩;如果观众是青少年,它适用于更鲜明的色彩。
UC模具健康网站的配色与它的严重内容相匹配。

以下是一些在书籍设计中经常犯的错误,这些错误也适用于网页:
没有足够的试验:试验设计总是尽可能广泛。内容可以跨多种媒体(网站、电子书、打印),这将使文本有了新的期待。此外,一些字体可以转换成新的媒体,可能会变得难以理解。这是要找到适用于所有情况下,字体很重要,也要考虑你的设计在不同的屏幕尺寸,不同的分辨率和不同的浏览器显示。不恰当的语调:选择每个页面元素的正确的语调,字体,标题要吸引读者的注意力。字幕为澄清或补充标题就像是一个友好的对话mdash;mdash;温暖和善良让读者渴望更多的信息。一个不恰当的格式:按照你选择的媒体:否则,你会浪费时间修改文件,例如处理客户印刷和RGB CMYK的问题。

相关文章

打开侧边栏菜单的特殊效果代码基于

打开侧边栏菜单的特殊效果代码基于

菜单,侧边栏,特殊效果,代码,电脑软件,基于多张图片的无限循环动画效果。这是一款非常实用的jQuery多画面无限循环动画特效插件。 结果如下: 在线预览源代码下载 HTML代码: 回家 关于我们 我们的工作 接触 单击左上角的按钮打开菜单。 应…

搞笑签名文件搞笑个性签名

搞笑签名文件搞笑个性签名

签名文件,搞笑,个性签名,电脑软件,QQ签名已经成为我们同学生活中必不可少的元素。90点过后对吗你有空时动动手指吗一方面,QQ改变了签名。你的签名是足够的潮;Xiaomi在这里给你一些有趣的LOL签名文件,你想留下来。 1,这个球员虐待了我几千次,我就…

山水画在玻璃版印刷中的PS制作

山水画在玻璃版印刷中的PS制作

山水画,玻璃,电脑软件,PS,本教程是介绍一个朋友,PS创建景观,并把它打印成玻璃。之后,效果非常漂亮。入门课程非常适合初学者。 Landscape painting is always a product of our excellent Chinese civilization, its charm is inexhaustible, …

如何利用word技术对单词表中的数据

如何利用word技术对单词表中的数据

排序,数据,词表,技术,电脑软件,当我们使用word来创建和编辑表单时,有时需要对表中的数据进行排序。接下来,萧边,我想和你分享一个表排序方法在字。欢迎阅读: 排序是什么 排序是计算机中经常执行的一种操作。其目的是为了调节一组序列记录;无序…

PS图象处理软件创造了一个漂亮的巧

PS图象处理软件创造了一个漂亮的巧

图象,处理软件,创造了,漂亮,惠而浦,本教程介绍给朋友,PS图象处理软件,创建一个美丽和强大的巧克力旋涡心情的方法。这个教程的效果真的很好。建议喜欢的朋友一起学习,希望能对你有所帮助。 这部分告诉你利用PS图象处理软件创造一个美丽富饶的…

Excel如何在表顶部的excel表中设置

Excel如何在表顶部的excel表中设置

设置,背景,如何在,电脑软件,Excel,Excel是微软办公系统的电子表格程序。你可以用Excel创建一个工作簿(收集电子表格)并设置工作簿的格式对数据进行分析,并做出更明智的业务决策。特别是,您可以使用Excel来跟踪数据,生成的数据分析模型,编制计算公…

非主流情感签名

非主流情感签名

非主流,情感,电脑软件,网络社会的不断发展带动了社会各界,互联网的更新速度是惊人的,在浩瀚的网络中,你也希望我能留下一个难忘的印记或符号,这里是编者为你排序的非主流感情签名的情侣,希望有你的爱。 1,我收回记忆,切断你所有的消息 2。对不起,俄…

PS鼠标彩绘的香皂非常漂亮。

PS鼠标彩绘的香皂非常漂亮。

鼠标,彩绘,漂亮,电脑软件,PS,本教程是介绍SOAP朋友PS鼠标的方法,画的很漂亮的纹理,做的很好的soap教程,推荐给喜欢的朋友来学习一下。 本教程教学习者使用PS鼠标画PS鼠标绘制贴图的SOAP肥皂,教程很漂亮,渲染也不难,推荐朋友分享学习,希望大家喜欢…

PS拍摄一个美丽的女人蹲在丛林中创

PS拍摄一个美丽的女人蹲在丛林中创

童话故事,创造一个,丛林,一个美丽,神奇,本文主要介绍了PS在丛林中的一个美丽女子的故事,创造了一个神奇的童话,后来的思想决定了魔法童话,所以整个色调接近扭曲和梦想的效果,一个坐在森林里的模型,非常适合一个光照下来(廷德尔效应)。 原来的电影…

介绍PS的配置要求和新特点

介绍PS的配置要求和新特点

配置,电脑软件,PS,配置要求 Photoshop8.0 PowerPC(R)G3、G4或G5 Mac OS X 10.2.4处理器版本到10.3版,用java运行时环境1.4.1 192mb RAM(推荐256MB)320mb可用硬盘空间彩色显示1024X768 16位色或更高的视频卡或更高分辨率的显示器驱动PS CS6 被称…

经典人格签名英文经典个性签名

经典人格签名英文经典个性签名

英文,经典,个性签名,人格,电脑软件,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在没有必要纠结了。这里是一些经典英文个性签名推荐萧边。你看到了吗 1,有些人永远不会被遗忘,有些人永远是代替品。 有些人永远不会被遗…

ai绘制标准图标的基本工具小教程

ai绘制标准图标的基本工具小教程

工具,绘制,图标,教程,标准,本教程是向朋友介绍标准的图标方法的AI基本工具。它非常适合初学者学习和绘制标准图标。 这是非常方便的使用人工智能界面设计,但事实上很多朋友不知道如何绘制图标是标准的过程,这个小教程像ai学习者的工具,用AI来…