跳到主要内容

按27个步骤获得完美的网站布局

设计方法

14.重新思考既定的

search button icon

搜索按钮是否已过时?

我们真的需要一个搜索按钮吗?在大多数情况下,答案是否定的。作为设计师,我们塑造用户浏览互联网的方式,由我们来决定简单操作将采取多少步骤以及我们的网站效率。

有些公约是因为它们有效,但有些公约是因为没有人花足够的时间来评估它们。重新思考所有组件的既定交互模式以了解我们如何改进它们非常重要。

15.挑战自己

我鼓励每个设计师在每个项目上挑战自我。创新并不总是项目的要求,因此我们需要提出新的东西。不同挑战的示例可能包括使用新的网格系统,创建新组件,甚至是避免混合模式或使用特定颜色等轻微挑战。

16.注意细节

Website layouts: game work in progress

正在进行的工作:详细信息视图

这个陈述最近被过度使用,但在最终产品中并不总是可见。根据项目背后的概念,“注重细节”可能意味着不同的事物。

它可能是一个小的交互,一个意想不到的动画或美学触摸,如按钮中的小渐变或背景中的框周围的微妙笔触。但总的来说,这种触摸是必不可少的 - 如果你真的很喜欢你做的事情,它会很自然。

17.设计最好的案例;为最坏的情况做好准备

woman with head in hands next to laptop

不要假设人们只能在最佳条件下访问网站

请记住,您的布局如何在不同的设备和屏幕尺寸上工作。作为设计师,我们的工作是通过不同的约束来解决问题。通过网页设计,约束范围从概念和技术问题到内容相关问题。

我们需要构建一个不仅可以在理想情况下工作的站点,而且还可以在最坏的情况下工作。例如,用户可能正在使用非常小的屏幕,并在网站上几乎没有任何内容时检查该网站,因此它看起来很糟糕。

但是,为了展示您的工作,我强烈建议为其构建最佳案例场景(这也应该是大多数用户最常见的场景)。您希望显示理想的文本量,并在理想的浏览器大小内显示该站点。

18.不要太依赖你的想法

知道什么时候提倡你的想法和学习识别何时你的团队或客户不认为他们是“那个”之间有一条细线。作为一名设计师,你需要坚定地相信自己的所作所为,但你也应该愿意快速转变你的想法并提出其他建议。不要忘记有多个解决方案。

19.在你讨厌它之前先观察设计

Yomes website

Claudio Guglieri为加拿大租房者社区Yomes工作

如果您对设计充满热情,我相信这是您已经在做的事情。每当我完成一个我感到骄傲的作品时,我倾向于将这个作为我生活的一部分。我截取它的截图,检查它不同的设备,制作它的壁纸,甚至打印它并挂在墙上。

由于这个过程,我到了一个点,我终于讨厌我的设计。我开始看到它的一切都是错的,最后我改变了它。不喜欢你以前的工作是成熟的标志,这意味着你终于要从自己的错误中学习。

20.成为开发人员最好的朋友

开发人员是富有创造力的人,他们像你一样热爱自己的工作。但是它们并不总是从一开始就包含在项目中,并且通常只有在决定概念并且其创造性角色被覆盖时才会参与其中。

这个过程是错误的;一些最好的想法来自开发团队,因此请确保您从项目的一开始就与他们合作。与他们分享您的概念和兴奋将最终带来更好的想法和更好的执行。

21.过度沟通

people around a table

一旦事情变得不清楚就进行沟通

我从不后悔与我的客户过度沟通。一旦某些事情不清楚或您感到受阻,请立即告诉他们。请记住,确保以最有效的方式共同利用时间符合他们的最佳利益。我倾向于在每个项目开始时经常与我的客户沟通,直到我们对工作流程感到满意并理解双方的期望。

22.尽可能清楚地展示事物

创造伟大的工作与展示它同样重要。如果您没有正确呈现,您的最佳设计可以被忽略或丢弃。谈到演示文稿,你想解释你的工作,就像你向四岁的孩子展示它一样。请记住,对于第一次看到您的设计的人来说,对您来说完全清楚的事情可能并不那么清楚。

包起来

23.锐化你的工作

为避免模糊像素,请尝试在笔划与背景或背景颜色之间设置正确的对比度。除了任何美学考虑外,还有一些常见的事情需要避免,以创造一个干净和正确的工作。

在尝试锐化工作时,您应注意的一些事项包括渐变条纹,模糊边缘,字体渲染选项(某些字体,取决于它们的大小最佳查看,在特定渲染模式下),以及与之合并严重的笔触的背景。

这些只是要查找的问题的几个基本示例,但实际上列表是无穷无尽的。始终将您的设计作为一个整体来看看是否一切正常,然后更仔细地分析每个组件。

24.整理你的设计文件

无论您使用何种设计工具,这(以及使用网格)都是最重要的建议之一。无论项目的大小和处理它的设计人员数量如何,您都需要保持文件的清洁。这样可以更轻松地导出不同的部分,加快设计过程并与其他设计师协同工作。

25.按照您的设计进行开发

people around a laptop

它可以帮助您了解设计与开发团队的进展情况

如果你在一个代理机构内部工作,你可能会知道在开发一个新项目的过程中发现自己正在努力设计一个新项目是多么容易。与普遍看法相反,当PSD和样式表交付时,您对项目的工作不会结束。

如果您真的关心您的设计和交互式创意的执行情况,请不时向开发人员咨询您的老朋友,并尽可能地帮助他们确保每个小像素都是完美的。

26.展示你正在进行的工作

作为设计师社区的一部分,我们都希望不仅能看到最终结果,还能看到正在进行的工作。有时,项目的最佳部分由于多种原因而被遗漏,并在Archive文件夹中丢失。分享您的项目开发,以便了解您如何到达最终的网站布局。

27.促进它的地狱

behance landing page

您有很多地方可以分享您的项目,包括Behance

现在你已经完成了你的项目,现在是时候把它说出来并在线推广它。展示您的作品是吸引新客户并关注您的工艺的最佳方式。在某些情况下,我与客户合作准备了推动我们共同完成的工作所需的资产,作为项目的一部分。在一天结束时,对您和您的客户来说,这是一个双赢的局面。说出来也会引起人们对他们业务的关注。所以大喊大叫吧!

阅读更多:



翻译字数超限