热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

一个好网页设计师需要掌握的6种能力

做为一个优秀的设计师,除了提升设计能力外,还有些方面需要了解甚至是学习才能设计好网页。不得不说一个网页设计师就是个杂学家。平面设计师可以随心所欲的使用各
做为一个优秀的设计师,除了提升设计能力外,还有些方面需要了解甚至是学习才能设计好网页。不得不说一个网页设计师就是个杂学家。平面设计师可以随心所欲的使用各种特殊的字体、使用不规则的排版、等等,而由于网页的某些局限性使得网页设计师需要在些特殊的限定下完成设计。除了要懂得设计外,还需要了解甚至是学习些与设计无关的知识才能做好设计。

  我在写本文之前虽然已整理过了,但发觉要想把网页设计非专业之外的能力都列举出来,真是:老太太看地图–这才到哪里。涉及的面太广。另外,加上本人能力也有限,在不断的撰写中发觉自己对网页设计师需掌握的能力也是很不够的。先列出自己人为比较重要的6条共勉之吧。

  题外话,如果你对我所介绍的这些书之外的书感兴趣,亦可在豆瓣上查看我阅读的书籍。

  1、coding能力

  由于网页代码的限制,网页设计师在做设计前需清楚什么可以做到,什么做不到。而不能像平面设计师那样可以随心所欲的排版设计。不仅如此,设计的时候也需要考虑到如何对SEO有利,也就意味着许多文字不能够用特异的字体做成图片来展示了。

  coding能力包括许多方面:HTML代码、css+div、js、action script等方面。下面就我的一点个人经验列举的几种代码:

  HTML:这个不必多说了吧,连这个都不知道怎么能号称懂得网页了呢?具体的可在谷歌上搜下教程。

  css+div:开始学的时候分别看了几本书,比较下来《CSS网站布局实录:基于Web标准的网站设计指南》这本书写得比较实在。其他的如:《CSS禅意花园》不看也罢。

  actionscript:不得不说,经过这么多年的发展flash是网页里很重要的一部分了。AS2的诸如:gotoAndStop(),gotoAndStop(),getURL()等几个基础的函数还是需要掌握的,如对AS3有兴趣可参看黑羽的《Flash ActionScript 3殿堂之路》(有点复杂的哦,对没有编程经验的设计师可是不小的挑战哦)。

  Javascript:没办法,如果经常为了加点小Javascript程序去麻烦程序员确实烦。不说要会写,至少能够看懂代码并可修改现有的代码吧。

  php,asp,.net:这个也是,如果你自认是个能够吸引你公司美女程序员的帅哥那你就去小修改也找人家吧。或认为自己是个能够吸引你公司帅哥程序员的美女。如果对方不肯帮忙,那就尽量自力更生吧。

  2、提升用户体验的能力

  虽然用户体验早在2000年在国外就已经有人开始关注,但在国内是最近几年才热起来的。毕竟建设网站的目的不是给用户欣赏界面,而是要用户使用网站在。网站界面设计得好看,但用户使用起来很不顺畅。那么,也是无法留住用户的。

  关于用户体验方面的书有很多,这里不一一列举了。有兴趣的同学可以看我之前的文章《读过的交互书籍整理》里面详细的列举了读过的一些关于用户体验与交互设计方面的书。另外,《交互设计师如何提高自己的能力》这篇文章也应对用户体验感兴趣的同学有所帮助。

  3、陈述表达设计能力

  不可否认,设计师是靠自己设计出来的作品来打动客户。但这仍旧需要设计师有足够在陈述表达能力来阐述他所做的作品。他不仅要向客户展示设计,也需要用言语来说服客户接受设计。来回答诸如:“为什么需要用红色而不是黑色?”、“为什么要竖着排版,而不用竞争对手横着的排版”诸如此类的客户提问。如何能够顺利的说服客户也是门技术,在我的《译文:如何说服你的用户、老板或客户》里有提到。

  4、与客户沟通交流能力

  在经过阐述设计作品后,接下来就是需要与客户沟通交流。通过充分的交流才能深挖掘到客户一些原本未知的想法。为什么大家都说做设计这么累?虽然做出来的最终稿子就仅仅这一个,但反复的沟通与修改占了设计师的大部分时间与精力。甚至有的被折磨惨了。

  我相信,只有充分的与客户沟通才能确保修改的设计稿更能复合客户的想法。这样后客户才敢放手让你做,也向客户证明了你的信心,也意味着修改量不会增加那么多。

  而一味的做应声虫只会让客户觉得自己是个设计专家,你是完成他设计的一个工具而已。要记住:在设计上你是专家,不要一味的答应不是设计专家的客户的在设计上面的过多要求。否则,不但被客户牵着鼻子走,并且如果做错了,还可以猪八戒抗耙子–倒打一耙,说是设计师做的。想来这也是许多的设计师比较苦恼的地方,这里不展开说了,如有兴趣请参看之前的文章:《设计师能力:充分的准备–让你的设计更易被通过》。

  5、不断自我学习的能力

  如果你对设计行业有足够的关心,会发觉每年所流行的设计风格都有所不同:在04年的时候韩国风流行,大大的纯色块,细腻的渐变色到处可见。05年起,web2.0风格开始渐行,字体大小等一系列风格又开始流行。也就需要设计师时时关心设计流行风向,不是跟风设计而是从设计趋势中吸取有用的成份,提高自己的设计能力。

  而另一方面,正如大家所见到的:互联网技术一直在处于不断的高速发展中。几年前热门的技术如果不及时补充学习新出来的技术,那么再过几年能力很可能就过时落伍了。因此,网页设计不仅要对现有技术有所了解,也要保持充分学习的心态去充电。这也是就是之前文章里说到的:《抄袭–网页设计师必备的本领之一》的缘由,通过时时刻刻的抄袭可以与设计流行风潮“与时俱进”,当然做人要厚道记得设计师的“八荣八耻”别抓几个屏拼凑下就跑外面去炫耀。可以说,地球很大,但网络不大。抄袭的作品难保一朝被人看破。

  6、交际能力
  俗话说:三个好汉一个帮。

  如果设计师不仅做视觉设计,同时又要兼着做客户网站的程序更新(虽然现在有许多免费开源的CMS系统可以使用,但难保客户提出一个需要改动代码的需求来)。而这时,有个能够帮改动代码的程序员朋友就显得很重要了。可能设计师需要改2-3个小时的代码,人家十来分钟就搞定了。因此,有个好的合作伙伴是很重要的。

  另一方面,虽然说同行是冤家。但也不影响设计师之间的一些交往,好处有很多:互相交流设计经验/组成team接单个设计师不能完成的case等等…;加上做设计的不乏有许多帅哥、美女,如果结识了后除了合作外还发生了恋情什么的,那也没办法了。哼哼~~

  还要说的是:关注些业界的名人,通过这种渠道往往可以得知业界的最新动态,或可帮助更快的提升自己的能力。现在的渠道也是多得很:博客/微博等各种方式。
原文整理来源:zoomla!逐浪CMS

推荐阅读
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • Webpack5内置处理图片资源的配置方法
    本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
author-avatar
mobiledu2502853323
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有