您当前的位置: 主页 > 新闻中心
文章摘要:大多数时候,设计师在创作网站设计过程中仍然会使用传统的设计工具来创建静态的屏幕模型。但是一些设计师却做了一个巨大的飞跃,绕过了它们,直接在浏览器中编写代码,构建和调整设计,并实时测试他们的设计。

大多数时候,设计师在创作网站设计过程中仍然会使用传统的设计工具来创建静态的屏幕模型。但是一些设计师却做了一个巨大的飞跃,绕过了它们,直接在浏览器中编写代码,构建和调整设计,并实时测试他们的设计。


通常,传统的网站开发过程包括许多阶段,包括规划、内容策略、设计、线框图、原型设计、测试、开发、发布等等。但是在设计阶段,是否有另一种方法可以产生“像素完美”的响应式网站设计,并完全绕过设计工具?


从主流浏览器了解网站设计制作建设的全过程有哪些?(图1)


随着响应式设计的兴起和各种设备的使用(手机、平板电脑、笔记本电脑、台式机、手表),保持所有东西的一致性变得更加困难——而且考虑到更多可移动的部件,设计网站和界面的方法正在改变。


虽然设计师没有必要成为一个专业的编码人员,一个解决方案是设计师开始直接与驱动网站的代码工作。那些只会用一点点HTML和CSS编写代码的设计师会发现自己对于任何团队来说都是一笔巨大的财富,并且总体上拥有巨大的优势。


为什么?当参与一个复杂的响应式网站设计项目时,设计师通常没有时间在10个不同的分辨率和视图中创建一个组件的静态设计(比如一个页眉或页脚)。即使只针对最流行的设备进行设计,他们仍然需要考虑4-5个屏幕的不同长宽比、屏幕密度和屏幕尺寸。至少可以说,这是一项艰巨的任务。


先用纸和笔解决网站设计的难题


让我们探索一种不同的网站设计方法和规划过程。


第一个阶段从客户调查表开始,询问从业务角度、目标受众、转换策略、各种性能期望等方面的一般项目目标。这是在实际设计阶段开始之前完成的,以更好地理解客户的需求和项目的整体,并在整个过程中更加高效。


下一步是写一个项目大纲,以确认概要被理解了。当您在一个您可能没有太多经验或专业知识的利基领域工作时,这是很有帮助的。可以称之为功能性规范,但技术性较差。


这有助于定义术语、关键字和流程。根据项目的复杂性,最好做几个场景和用户流程——通常是入站流程、搜索和导航站点,或者“加入购物车”流程和结帐流程(如果是电子商务网站的话)。


从主流浏览器了解网站设计制作建设的全过程有哪些?(图2)


线框图和原型设计


原型设计是网站设计过程的下一个阶段,建立快速线框图来讨论页面布局、功能以及网站页面在不同设备上的外观是一个很好的开始。构建不同模板和组件的线框图并不需要花费很多时间。根据项目的复杂性,可以使用InVision、Adobe XD、Balsamiq、Moqups或Axure等原型工具创建一个简单的网站原型。


情绪板和界面清单


下一步是创建一个情绪板:设计师、客户和其他利益相关者可能喜欢其他网站的东西的集合——布局、外观和感觉、颜色或字体、图标、图像,等等。这将有助于定义站点的总体外观和感觉。如果客户有一个品牌风格指南,它应该被考虑并纳入到新的网站设计中。


一旦各种工件得到认可——线框图、原型、模型、情绪板等等——做一个界面清单是个好主意。


如果要从头开始做响应式web设计,那么首先要写下所有的组件和元素,项目将从这些开始。一个无序的列表也可以,而且肯定比什么都没有强。例如表格、按钮、图像、排版、媒体、表单、导航、组件等。


从主流浏览器了解网站设计制作建设的全过程有哪些?(图3)

界面清单中的一个示例屏幕


在浏览器中设计


“在浏览器中进行设计”是一个随着响应式web设计的兴起而流行起来的术语。为了尽量减少花在像Sketch这样的设计程序上的时间,设计师们将设计阶段转移到浏览器中,并使用CSS进行布局和样式设计。这种网站设计方法被证明是更有效的,因为它削减了很多步骤。


通过专注于HTML模型,以及用CSS在“浏览器内”测试设计理念,通常在其他设计工具(如Sketch)中创建页面静态模型的时间就可以节省下来。对于设计人员来说,最好找一个好的代码编辑器,并提供一个好的浏览器刷新方法,这样他们就可以实时看到更改。例如,Sublime Text和Codekit就是一个很好的组合。




关键词:网站设计,重庆建网站,重庆网站建设    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

新闻动态计算机图像处理技术的重要性科技在以飞快的速度革新, 计算机图像处理技术受到了越来越多的关注。互联... 2021-07-10
用户体验研究的重要性用户是网页构建的基础性数据,积极的用户体验,能够满足用户在网页交互过程... 2021-07-10
行业动态减轻认知负荷减轻认知负荷。用户初次进入一个陌生的 网站 , 庞大的信息量展现在他的... 2021-07-10
为什么网站打开速度要快呢?对于网站建设市场是非常混乱的,不同的网站建设公司有不同的建站方式,有的... 2021-07-10
网站建设要有什么标准?以前,企业建设网站只注重网站的展示,关注第一眼的视觉效果,而实际上的营... 2021-07-10
新闻动态网页设计的信息要素在人类认识和变革世界的过程中, 信息已与材料、能源并列, 成为人类物质... 2021-07-10
房地产行业网站解决方案房地产行业网站设计大体包含分两个方面网站信息布局、网站页面制作先进技术... 2022-01-07
百度指数和热门搜索词百度指数 百度指数是以百度海量网民行为数据为基础的数据分享平台。在这里... 2021-07-10
大型网站有什么特点实际工作中,不少SEO人员负责的是大型网站的优化。与微型网站相比,大型... 2021-07-10
了解网站页面内的内容结构您网站中正确的内容结构与内容本身一样重要。通过遵循几个简单的规则,您可... 2021-07-10
新闻动态网站建设目的的确定网站建设目的的确定, 这是一个至关重要, 却又往往为人们忽视的一个重要... 2021-07-10
重庆做手机网站设计应注意哪几点?1、选择的域名如果你只是单纯的做移动端,那么你就要设计一个简单又好记的... 2022-03-20
优秀的外贸网站建设需要注意哪些问题?重庆优秀的重庆外贸网站建设应该怎么做呢?今天简单的给大家整理几个点,很... 2022-04-19
企业网站制作中不可忽略的细节有哪些?企业网站制作中不可忽略的细节有哪些?已经在很多企业网站的结构中进行了介... 2022-01-13
网站设计的排版概论排版是网站设计系统中最重要的方面之一,要尽早建立起来,要考虑通过字体与... 2021-07-10
服务器安全性相关措施网络飞速发展,带动网站的出现与发展,企业开始运用网站的力量来提高自身的... 2021-07-10
进行网站推广三点不变的规则和方法一、明确网站所针对的用户群 不管是才做个人网站的朋友,还是才去网络公司... 2021-07-10
那些决定网站品质的网站设计细节?网站 设计界面需要注意一定要清晰简洁、层次感分明、重点突出。一个清晰简... 2021-07-10
网页设计的核心是什么?网页设计是一个系统工程,对于网页设计师来说,除了掌握专业的设计技能和对... 2021-07-10
论重庆仿站有什么重要性?仿站的三大用处 1:超低的仿站价格 2:上线时间加快,增加效益 3 :... 2021-08-17

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn