全设计要素-从排版到图示-与整体构成有关。每个完整的网页都会在访问者注意到更小的细节之前给他们提供一种亲密的感觉。通过这种方式,组合设计技术是学习网页设计最重要的东西之一。
要使作文内化,你需要练习。很多。但是你仍然可以通过阅读和研究活生生的例子来学习,在网上看到这些想法。我将介绍关于网络作文的最重要的想法,并解释如何在你自己的项目中开始练习。
找到平衡
打印设计遵循相同的组成原则,你会发现在网上。其中一个原则是内容放置方面的平衡。
肇庆网页制作在设计内容时,你需要找到一种自然的节奏。这通常是一种重复的空白和字体大小模式,给访问者一定的期望。在阅读了几段后,他们开始内化关系,并期望内容以某种方式显示出来。
但这并不意味着你需要为整个网站遵循一个单一的模式。
这个Munchery主页自然有节奏,但一点也不平凡。内容被组织成带有浮动图标和不同照片的列。您还会注意到,网格结构用于内容组织。
通常首先在较小的规模上创造平衡。将您的内容划分为单独的区域,并确定如何最好地表示这些区域。通过练习,这会变得更容易,感觉更自然--而且你的最终结果也会变得更好。
有关以内容为重点的示例,请参阅多边形。这个在线游戏杂志有很多内容,需要容易访问。有特色的帖子被组织成一个顶部的部分,上面有大的缩略图,并被赋予一定程度的突出地位。
在滚动时,您会注意到不同的文章是按主题和发布日期组织的。有些帖子是并排浮动的,而另一些则是垂直向下流动的。这些相同的模式在整个页面中重复,对看似混乱的内容进行顺序排序。
一开始,您可能会感到困惑和惊讶,但随着时间的推移,您将了解这个内容结构,并学会期待这种模式。
安置和关系
大规模的作文都是关于关系的。颜色,空间,对称和不对称的关系。如果不研究例子,这是不可能被传教的。但是每一个伟大的网站都是基于人际关系而设计的。
当您从头开始制作您自己的布局时,您需要考虑内容与每个区域的关系。考虑标题、段落、列表项、图像,甚至是导航之类的大元素。
贾努尔是一个有趣的布局,以空白和大型排版为中心。你也会发现很多伟大的形象,个人关系帮助这些突出。
这需要一定水平的技能,以感到舒适地扩展到更详细的构图。但你只能通过练习才能获得这一技能,不幸的是,这种练习将包括很多失败。
通过它,并从最好的学习。它甚至可能有助于复制这些布局中的一些用于实践,以了解设计师如何/为什么选择某些值的空白。
这是另一个网站的内容和图像的交替比特。这个学习实验室标题特别有趣,因为它的内容密度。你会发现更多的空白比内容,和导航链接绝对是突出与普通的白色背景。
然后向下滚动,您可能会惊讶地发现,其他的部分内容要大得多。实际的页面内容是为了吸引你的注意力,所以它被给予更多的关注。如果你仔细观察,你会发现字体大小不是那很大,但与其他字体相比,它们确实很大。
人际关系不是建立在真空中的。首先,您需要定义一些元素来构建关系。
对比意义
制造鸿沟的一种方法是通过对比。颜色、纹理、空白和排版的差异都产生了不同内容区域的概念。
因为一切都是关于人际关系的,所以在必要的时候,你应该与你的优势形成对比。学习什么时候使用某些颜色来对抗其他颜色。学习什么时候使文本比其他区域更大,这样它就能迅速脱颖而出。
一个很好的例子可以在CreateJS主页.
显然,整个页面充满了不同背景颜色和不同级别空白的不同页面元素。我特别喜欢把粗体字体和常规字体结合在一起的导航风格。
对比出现在从页面上跳出的文本颜色中。总的来说,我真的很喜欢这个设计,因为它很容易使用,而且内容也很容易使用。这两个目标是实现组合伟大的最佳途径。
基于Web的网格设计
印刷设计已经发展成为对组合网格的高度关注。当然,这些想法已经在网络上找到了出路,现在被用来构建布局。
Web网格与打印稍有不同,因为网站可以是动态的。响应性设计允许网格根据屏幕大小进行调整。通过这种方式,您确实需要考虑内容以及它应该如何适应布局。
举个例子巨无霸公司这是一个大型的数字机构。它们有一种奇怪的布局风格,基于不同的网格技术,有不同的内容部分。例如,他们的联系页相当有趣。
这个Duotones主页也使用不同的网格技术。虽然有些区域有大的全屏背景,而其他区域只是纯色,但内容确实定义了网格。
所有网格都是用来定义内容的。它们应该被用来传达基于空间、等级和位置的想法和关系。没有单一的主网格,但有一般准则可遵循。
如果你想读更多关于网格的书,那就看看这三本书,这些书都得到了专业设计师的高度评价。
用类型思考
平面设计中的网格系统
网格的制作与打破
学会看
肇庆网页制作在谈论构图时,很容易陷入技术和趋势细节的泥潭。但这往往导致错过更大的画面,这是设计的一个很大的部分。
你创建的网站越多,你就越会意识到每一个设计选择都与其他一切相关。学会看不仅仅是布局的基础。你需要训练你的眼睛识别好的和坏的设计选择,同时也认识到它们是好的还是坏的。
研究许多不同的网站,并为自己连接点。试着理解细微的设计选择是如何构成整体构图的。
你真的需要建立一个想法库,可以随意拉。一开始,复制想法会更容易,但随着时间的推移,你将学会如何操纵这些想法,使之成为你自己的想法。每当你看到你喜欢的设计功能,只需在网站上做书签或截图即可。
随着时间的推移,你会积累一组伟大的想法,帮助定义你自己的风格。一个可视化库对于真正理解如何创造有价值的东西至关重要。
学习如何从设计师的角度看问题需要时间--通常是几年。对自己要有耐心,如果一开始你没有成功,试一次,再试一次。