绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网页设计中的常用工具

人气:  作者:  发表时间:2021-01-22 09:29:15
一、常用软件介绍
在网页设计中,设计师们最常用的软件是Photoshop。Photoshop自问世以来,在业内的口碑经久不衰。该软件因其强大的功能设定,几乎成为业内设计师的必备软件。Photoshop的前身是一款名为Display的程序产品,由Photoshop的主设计师托马斯.诺尔开发。而Display最初是为了辅助苹果计算机显示带灰度的黑白图像而生。在此后的一年多里,托马斯.诺尔与其兄弟约翰.诺尔不断修改并增加功能,将Display变成了一款功能强大的图像编辑程序。随后,Display更名为Photoshop,并在1989年正式与Adobe公司签订合作协议。

Photoshop在设计领域应用广泛,从平面设计、网页设计、UI设计到摄影后期,到处都有它的身影。随着国内互联网科技、视觉创意学科的发展,越来越多的人开始学习并喜欢上这样一个神奇的工具。2015年2月19日。Adobe Photoshop度过了它的第25个生日。

2016年11月,Adobe推出了Photoshop的最新版本Adobe Photoshop CC 2017。

1、软件版本的选择
目前最新的Photoshop版本是Photoshop CC 2017,其他使用率较高的版本有Photoshop CC2015、Photoshop CS5和Photoshop CS6等。

在网页设计前建议下载与安装最新版本,因为新版本的功能比旧版本更加全面、完善,并且对旧版本具有兼容性,且许多前没设计教程也会应用到新版本的功能,因此在条件允许的情况下,版本越新越好。

此外,在软件安装时也需要考虑自己计算机的配置情况,如果当前计算机的配置不高或仅仅是想将Photoshop当作一款辅助工具来使用,可选择下载Photoshop精简版;如果在设计时对Photoshop非常依赖或有较高的软件使用要求,可选择下载Photoshop完整版。

2、不同版本的兼容性
我们在Photoshop中选择保存.psd格式的文件时常会弹出格式选项对话框。

而提示中提到的其它程序是指除Photoshop外的illustrator、lnDesign等程序,而“其他版本的Photoshop”则是指较陈旧的Photoshop版本。选择保持最大兼容会增加PSD文件的大小,并占用更多计算机的硬盘空间。

那么遇到以上这种情况时该如何选择呢?可参考如下两点建议。

(1)如果该文件需要交于第三方使用,请选择“最大兼容”功能。

(2)如果该文件确认只在当前计算机中使用,且确认不会交于第三方,则不必要选择“最大兼容”功能。

同时,在这里需要另外提醒的是,在使用Adobe illustrator保存文件时,系统会出现一个关于保存选项的对话框,其中有关于“版本”的选择项。在具体保存文件时,建议设计师将文件保存成相对较旧的版本,如illustrator CS4版本。

提示:在设计完成并保存文件时,之所以建议设计师将文件保存成相对较旧的版本。目的是避免使用较低版本软件的用户无法读取文件,尤其是文件需要交给第三方印刷、打印时,务必执行此步骤。

二、效果图的展现方式
设计师常会遇到为需求方展示设计稿的情况,如果此时将做完的一堆图片直接丢给需求方,难免会令人产生一种“敷衍”的感觉。

就以上情况,如果面对的是团队中的上司、同事,其可能会容忍这样的展示方式,但假如面对的是商业客户,那么情况可能就会变得非常糟糕,最直接的后果就是不断地修改,返工率直线上升。

那么为何这样的设计稿展示方式会令人产生“敷衍”的心理感受呢?设计师又该如何避免呢?

人们常说,现如今是一个设计当道的时代,无论是食品还是工业化产品,设计都无处不在。究其原因,可以理解为随着国家经济的持续发展和人们生活水平的不断提高,促使社会文明一步步向前,从而拉高了人们的审美层次。以前的商品,人们对于实用性的关注大于它的外观;而如今,人们在关注实用性的同时,也越来越追求产品外观上的体验,包装精美的产品会更吸引消费者的注意力,刺激他们的购买欲。对于设计师来说,这个道理是通用的,如何包装好设计稿,也是设计师必须掌握的技能之一。且更为重要的是,一个“高大上”的设计展示可以大大提升方案的通过率。

1、模型的选择
在设计过程中,首先要择选用高品质的图片来填充效果图,尽量让它看上去精致美观,这样才能保证最终做出的展示图符合客户的预期。

现如今,在网络上可以找到很多供展示使用的模型资源,尽量选择质量较高、画质清晰的模型。

此外,原则上应尽量选择较新的产品模型。以“iPhone手机模型”为例,目前的最新型号为iPhone 7,那么在使用时就应尽量选择该型号的模型,保持与科技发展的一致性,也是设计中遵循的原则。

2、排版的技巧
在效果图的展示中,有诸多小技巧可以提升效果图来展示时的视觉体验,下面就一一介绍。

(1)图片填充
在条件允许的情况下,尽量选择用不同的图片来填充页面,当然前提是要保证这些图片是精致美观的。

(2)字体优先级
习惯于悉心观察的设计师容易发现,许多展示图中都会使用英文字体。原因在于我们对于中文过于熟悉,看到它们的第一反应往往是去解读其含义,而忽略它本身作为图片的美感。

与此相反,日常生活中我们接触的英文相对较少,在看到英文语句时,大脑的反应并没有那么快,往往第一时间会将英文字体图形化,而非去研究它本身的含义。从另一方面来说,这也是人们普遍觉得带有英文包装、服饰会显得更加高端的原因。

在做原型设计图时,可以选择用英文代替中文,从而使其的视觉感受更佳。

3、虚实结合
通过模型展示的效果图往往看不清页面中的细节,因此在展示图中应穿插不嵌套模型的、带有细节的效果图。

以上所介绍的这些效果图展示小技巧,均可在不改变原结构的基础上,对现有设计图加以优化,提升展示图的质量。

提示:在网页设计的过程中,设计师可以多看、多练、借鉴优秀设计师的作品,并将一些设计手法运用到自己的作品中,从而提高自身方案的通过率。
网页设计中的常用工具:http://www.luweit.com/news/jianzhan/191.html
标签: 网页设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2