它通常涉及规划阶段中定义的所有信息。完成设计阶段的主要可交付成果是网站的站点结构和视觉表示。
网页设计师不仅应该在技术上精通网页设计平台和相关技术,而且还可以开创性的创意人才。
所有网页设计师都有不同的创作过程,使他们能够实现其设计目标。但是,它的核心是每个成功设计师的创作过程都是一样的。
通常,设计师会按照一步一步的创作过程。让我们来看看你通过这个过程的5个指针:
草图/集思广益的想法
一旦完成需求收集和分析,并且非常确定你知道有关该项目的所有知识,现在是进入创意区域的时候了。获取铅笔和纸张,并勾画出您的创意!
草图是开始任何设计的好方法。使用铅笔和纸(或平板电脑)进行素描,可以让您从容易地从一个想法跳到另一个想法的独特能力。
无论您是网站设计机构还是自由职业者,能够通过草图将想法传达给客户至关重要,尤其是在项目初期阶段。好的做法是为您的想法绘制一些粗略的设计,将其缩小到几个,让客户提供关于您是否正确的轨道的反馈。
根据您的客户的知识或期望,您可能希望跳过草图,并进入详细的线框或样式图块。2.定义内容并创建一个工作流
当您的客户端绿色表示一个想法或两个,创意过程的下一步是创建一个工作流。创建工作流程包括创建要包含在网站上的每个部分的列表,并显示每个页面上将显示什么类型的内容的简要信息。
向客户端呈现大纲或工作流程,以便他们可以添加,删除或调整任何部分或功能。与客户共享工作流程给设计师创造空间,从而有助于创造出创新的设计理念,并使客户始终处于循环中。
客户需要在项目继续之前批准工作流程。这将有助于您制定预算和时间框架来构建网站(不是创意过程的一部分,但重要的一样)。
3.低保真线框
低保真线框为您的创意设计提供了一个框架。这些线框是网站布局的简单线条图,专注于元素的放置,而不是颜色和类型。他们详细描述了网站上的哪些功能,如用户帐户,社交网络功能或简报注册。低保真线框作为粗略草图呈现给客户端,无需图形。
开发线框时,设计师不应该害怕实验。有时候,当你填写多的细节时,你可能会意识到原来的布局不正常。这就是线框过程的整体; 制作尽可能多的蓝图,以缩小代表您所掌握的信息的好的方式。
4.高保真线框
发布低保真线框,高保真线框在提供实际的实际产品体验方面发挥关键作用,在这种情况下,您的网站。这些线框为产品提供了好的轮廓; 填写低保真线框中遗漏的细节。这些线框定义了页面的视觉层次结构,实际形式和交互元素,通常标签,教学文本和一些副本。
他们非常有帮助,因为他们确定什么内容值得关注的是他们可以在一个页面上占据的空间百分比。它们可以按顺序使用,以显示如何在一系列屏幕中完成特定任务。这些线框突出了用户友好和直观的产品将是如何。
高保真线框包含与实际网页设计密切相关的详细程度,尽管它不应该决定终的设计或者UX。因此,在终确定之前,您应该尝试使用线框信息设计,导航设计和用户界面设计的3个主要组件来尝试不同的版本。选择适合您客户需求的。
视觉模拟
网页设计师通过提供网站的视觉表示来为线框带来生命。该模型旨在为您的网络客户端提供在浏览器窗口中完成的网站的外观之前Web开发人员花费任何时间来构建网页。
网站设计
图形模型是向客户展示完成的网站将是什么样子的佳方法,因为它可以显示近乎精确的颜色,字体大小的准确表示以及网站上所有导航和内容元素相对于彼此的精确放置。
为了在设计中实现令人敬畏的外观和感觉,网站设计师应该创造性地发挥设计元素和整体用户体验。实验并选择适合您正在设计的品牌和网站的颜色,字体和字体的正确组合。
这个想法是使用一些试验和错误来设计独特的,视觉吸引力的和高度功能的设计。这是可靠而有效的创意过程的标志