就像传统的报刊杂志编辑一样,典雅教大家把店铺当作报纸和杂志来排版。虽然动态店铺技术的发展使我们倾向于学习场景编剧,但仍然需要学习和掌握固定的店铺布局设计基础。它们的基本原理是共同的,你可以理解要点,举一反三。面是指浏览器看到的完整页面(可包括框架和层)。由于每个人的显示器分辨率不同,同一页的大小可能会出现*像素,*像素,*不同尺寸,如像素。
布局是将图片和文字以最合适的方式排列在页面的不同位置。你可能会注意到最合适是一个不确定的形容词。什么是最合适的?对不起,阿捷不能也不能给你一个完整正确的答案。就像有些人想知道成功的秘诀是什么,成功人士只能建议你用什么方法和方法最容易成功,而不是一步成功"秘诀"告诉您。我们在设计思维系列第四篇文章中谈到了网站的整体创意,布局也是一个创意问题,但比网站的整体创意更容易、更有规律。
让我们先了解布局的步骤:
一.草案的新页面就像一张没有任何表格、框架和约定的白纸。你可以充分发挥你的想象力,尽可能多地思考"景象"画(我们建议你用一张白纸和一支铅笔,当然用作图纸软件photoshop等也可以)。这属于创作阶段,不注重细腻整洁,不考虑细节功能,只用粗线勾勒出创意轮廓。尽量多画几张,最后选择一个满意的脚本作为继续创作。
二.在草案的基础上,在页面上安排您确定需要放置的功能模块。(注:我们在功能模块中"主页设计-引子"主要包括网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。请注意,我们必须遵循突出重点、平衡和谐的原则,将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置,然后考虑次要模块的排放。
三.定案将粗略布局细化、具体化。(只有通过你的智慧和经验,你才能做出创造性的布局。)在布局过程中,我们可以遵循以下原则:
1.正常平衡-也称为正常平衡-"匀称"。多指左右、上下对照形式,主要强调秩序,能达到稳定、诚实、信任的效果。
2.异常平衡-即非对照形式,但也要平衡节奏。当然,它们是不均匀的。这种布局可以达到强调、不安和高度关注的效果。
3.对比-所谓对比,不仅可以用色彩、色调等技巧来表达,还可以涉及古今、新旧、贫富的对比。
4.凝视——所谓凝视,就是利用页面中人物的视线,让浏览者模仿跟随的心理,达到注视页面的效果,一般用明星凝视。
5.空白-空白有两个功能。一方面,它对其他网站表现出色,另一方面,它也表现出店铺品味的优越感。这种表达方式对显示店铺的风格非常有效。
6.尽量用图片解释——这种方法对无法用语言说服或表达的情感特别有效。图片解释的内容可以向访问者传达更多的心理因素——上述设计原则虽然枯燥,但如果能理解并运用到页面布局中,效果会大不相同。
领取专属 10元无门槛券
私享最新 技术干货