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

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


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


从主流浏览器了解网站设计制作建设的全过程有哪些?(图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-12-21
了解网站页面内的内容结构您网站中正确的内容结构与内容本身一样重要。通过遵循几个简单的规则,您可... 2021-07-10
数码/电子行业网站建设解决方案数码/电子行业网站建设的总体需求 电子行业网站建设大都以界面的简洁化,... 2022-01-07
重庆地方性网站建设与SEO推广经验分享重庆地方性网站建设与SEO推广经验有哪些呢,今天由重庆兴网小编与大家一... 2022-03-21
美容、化妆品行业网站解决方案美容行业网站建设的总体制作规划树立全新品牌形象 对于一个以化妆品行业企... 2022-01-07
网站分析的作用是什么?网站 分析就是对进入网站的访客数量及行为的研究,在获得网站访问量等基木... 2021-07-10
谈谈企业网站建设与信息化建设的重要意义企业的信息化建设中,网站建设是必要的环节,在网络越来越发达的今天,给广... 2021-07-10
行业动态完善形式、内容与效用相结合的综合评目前 网站 评价方法研究各自为战, 缺乏系统性, 更谈不上丰富和完善。... 2021-07-10
网站建设如何提升手机端的访问速度网站建设如何提升手机网站的访问速度,往常用手机的人越来越多了,手机网站... 2021-07-10
房地产行业网站解决方案房地产行业网站设计大体包含分两个方面网站信息布局、网站页面制作先进技术... 2022-01-07
为什么重庆网站价格差别这么大有的收费二三千有的五六百?为什么网站价格差别这么大有的收费二三千有的五六百?作为专业程序员小崔为... 2021-12-22
新闻动态文件传输安全问题文件传输安全问题。交友网站等类似网上系统中一般都有些上传文件的功能, ... 2021-07-10
电商企业网络营销成功的秘籍=方法加技巧不同的营错模式所需要的营销方法是不同的,所以电商企业在进行网络营销时需... 2021-07-10
如何在网页中进行颜色搭配颜色搭配常识: 1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)... 2021-07-10
网页的打开速度如何做到快速高效不卡顿!网页的打开速度如何做到快速高效不卡顿呢?今天小编重庆兴网与你一起来探讨... 2023-04-19
网站设计中织梦全局变量调用标签大全织梦DeDeCms仿站过程中用到的全局变量调用标签及路径大全 ,对于菜... 2021-09-06
对于新建设网站如何提升品牌知名度的呢?随着互联网全面普及,行业竞争也变得越来越激烈,企业如果想要在行业间快速... 2021-07-10
什么是用户体验?用户体验的前提在于调查 没错,做产品的人必须时刻牢记的就是将产品尽可能... 2021-07-10

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