打造美观网站：设计原则揭示

需积分: 0 39 浏览量更新于2024-07-27 收藏 11.65MB PDF 举报

《优美网站设计原则》是一本由Jason Beaird撰写的指南，专注于分享在网页设计领域内创建出色用户体验的关键原则。这本书强调了设计布局和黄金分割等规则在打造美观、易用的网站中的重要性，旨在帮助设计师们理解并应用这些基本原则，确保他们的作品不仅视觉上吸引人，而且功能性强，易于导航。设计原则部分详细探讨了以下几个核心要素： 1. 简洁与一致性：强调页面结构应该清晰，避免过多的元素干扰用户的注意力。一致的设计风格和导航系统有助于用户快速理解和熟悉网站。 2. 黄金分割法则：这是一种古老的美学原则，用于决定元素在页面上的最佳位置，如网格布局、图片尺寸和间距等。它提倡将界面划分为对称或不对称的黄金比例，增强视觉平衡。 3. 响应式设计：随着移动设备的普及，网站需具备适应不同屏幕大小的能力，确保在各种设备上都能提供良好的体验。 4. 色彩与对比：色彩选择会影响用户情绪和信息的可读性。合理的色彩搭配和对比可以帮助信息更突出，同时保持和谐统一。 5. 可用性与易用性：设计应以用户为中心，确保交互流畅，文字和按钮易于识别，避免不必要的复杂性。 6. 加载速度优化：考虑到用户的耐心和搜索引擎优化，网站应尽可能减少加载时间，提高性能。 7. 内容优先：设计应支持内容的呈现，使之成为焦点，而不是被设计元素所淹没。 8. 可访问性：确保网站对所有人（包括残障人士）友好，遵循无障碍设计标准。这本书不仅提供理论指导，还包含实际案例分析和实用技巧，帮助读者提升Web设计技能，从而创作出既美观又实用的网站。作者通过深入浅出的方式，使读者能够轻松掌握这些原则，并在实践中不断改进和创新。无论是初学者还是经验丰富的设计师，都可以从中受益匪浅。

2 The Principles of Beautiful Web Design

Layout and Composition 3

The Design Process

In a web-programming book I read recently, the author introduced a ﬁctional scenario

to explain why readers needed to design a page layout and create a style sheet for the

example application. He basically said that the company web designer was off getting

inspiration from somewhere and wouldn’t be back until later in the year. It sounded as if

he was implying that designers are prone to ﬂake out and go on vision quests for months

at a time, but I’m going to assume the author made that comment in an endearing way, and

introduce the same scenario.

Here are the hypothetical details of this scenario: Jim Smith of Smith

Services needs a web site. We have his business card and he’s eager to get

started. Unfortunately, the designer is out of town … wait, that’s not a

good excuse. Let’s say he was injured during a freak dairy cow stampede

while attending the South by South West Interactive (SXSWi) festival in

Austin, Texas. Yeah, that’s believable. Anyway, he’s out for a few months, and

you’re on your own. So where do you start? The actual process of developing

an entire site or web application includes a lot of steps, but the process of

creating a design comp boils down to only two tasks: discovery and

implementation.

Discovery

The discovery component of the design process is about meeting the clients and

discovering what they do. This may not feel like a “designy” task, but gathering

information about who your clients are and how they run their business is the only way

you’ll be able to come up with an appropriate and effective design.

Before you schedule your ﬁrst meeting with your clients, take a few minutes to ﬁgure out

what they do and how they do it. If they’ve asked you to design a web site for them, they

may not currently have one, but Google them anyway. If you can’t ﬁnd any information

about their business speciﬁcally, try to learn a little more about their industry before the

ﬁrst meeting. Whenever possible, the ﬁrst

meeting with a client should be an actual

person-to-person meeting. Sometimes, distance

will dictate that the initial meeting will occur

over the phone, but if the client is in town,

schedule a time to meet.

Keep in mind that this meeting isn’t about

impressing the client, selling yourself, or

NOTE What’s a Comp?

The word comp is an abbreviation of the phrase

comprehensive dummy, and is a term that comes from

the print design world. It’s a complete simulation of a

printed layout that’s created before the layout goes to

press. In translating this term to web design, a comp is

an image of a layout that’s created before we begin to

prototype the design in HTML.

NOTE What’s a Comp?

The word comp is an abbreviation of the phrase

comprehensive dummy, and is a term that comes from

the print design world. It’s a complete simulation of a

printed layout that’s created before the layout goes to

press. In translating this term to web design, a comp is

an image of a layout that’s created before we begin to

prototype the design in HTML.

TIP Client Meetings don’t

have to Take Place

in an Office

Even when I worked for a company

with a big ofﬁce, I had some of my most productive

client meetings at a coffeehouse or over lunch. The

feasibility of this approach depends on the client. If

your contact doesn’t seem like the informal meeting

type, don’t suggest it; in many cases, though, it’s a

good way to make a business meeting more personal.