设计网页前端界面必备的技能

【必备】UserInterface

PhotoShop/Fireworks Design

  1. 配合美工将草图形成具体的符合WebPage的设计
  2. 有快速制作分层高品质PSD、PNG的能力
  3. 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码

Flash Design

  1. 基本动画效果
    复杂的交互体系设计,了解第三方swf辅助设计软件
    复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)

【必备】Browser-side (Web Application)

XHTML/CSS

  1.  基本的layout实现
  2. 严格跨平台的layout实现以
  3. 优雅的HTML code,尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks,但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构,让JS开发人员在开发的时候认为"一切都已经准备就绪了",而不是"捉襟见肘"。

JavaScript/Ajax/DOM

  1. 基本的DOM操作,了解AJAX,可以实现数据通信
  2. 基本的DOM操作,能写高效率的OOP代码,以降低维护成本
  3. 基于需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验最好,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码

Flash Developement

  1. 基于Timeline的ActionScript操作,能实现简单交互
  2. 掌握a外,能实现数据层通信(与服务器以及本地SharedObject)
  3. 精通AS1-3,能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的,还是FlashPlayer9的,都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计,等等)。

【必备】Client-side (Desktop Application)

Apollo

  1. 产品级的封装,基本技术了解(如何打包、如何加入HTML和JavaScript等)
  2. 掌握a的同时,能利用Apollo的API独立设计、开发OS的文件I/O功能。
  3. 掌握基本技能的同时,对"3D概念体系"有所认知。这里"3D"即:Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo
    Windows Presentation Foundation、WPF/E(Silverlight)
    (待定,欢迎补充)

【增补】Server-side (修改:经考虑,这个技能不参与评级)

本来列举了"1、Server端简单的技术、脚本"和"2、MediaServer(Red5)接口"作为"Web前端工程师技能列表"的一种(服务器、数据逻辑层技能的)评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实,要掌握好上述的展现层技能不是意见容易的事情,而且前端工程师的确非常辛苦。但是,站在另一方面来说,辛苦的原因是什么,我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验,前端的辛苦在于以下几个方面:
重复劳动多,大量的div+css都是重复的,即便可以复制粘贴,但几千行的div海洋中去寻找一个入口恐怕都非常痛苦
需求变更多,往往你折腾几个小时终于把跨平台问题解决好了,而且在IE6、7和Firefox下面都能显示同样的效果了,甚至连JavaScript交互都已经快搞定了。突然上面说需求要变。这无疑是莫大的痛苦。
也许表面上看,这跟Server端技能无关,但我觉得有好的Server端的意识,一定会有所帮助(当然不可能解决所有的问题)。毕竟信息结构和数据库是密切相关的,而Server是连接数据库的唯一渠道(至少大多数B/S应用是如此)。掌握Server端的基本技能,对于同逻辑层开发人员设计接口是非常重要的。而且HTML表现层在开发时与数据的分离,也与Server端的各种模板技术有关。例如PHP中的Smarty模板(我曾经用的)、jsp的model2概念等等。HTML结构如何设计,如何让HTML重用,甚至在HTML层进行OOP的开发(我现在在新产品线中设计的前端开发流程),都需要Server端的支持。最起码,你要告诉php程序员你需要什么。如果你完全对PHP一无所知的话,那也无从谈起了。
此外,对于创业团队,往往人手非常有限。为了让运营成本降到最低,所有的技术人员都有义务对Server端技术有所了解。如果为了修改一个网页的标题还要跑去喊PHP程序员连接Remote Server的话,那实在是增加了整个公司的运营成本。
总结:我认为,可以不了解技术细节,但应该知道原理,最好能掌握一两套设计思想(毕竟数据逻辑都在这里走,光看HTML和JavaScript,对人的见识还是有局限的,这种局限限制了我自己很久的时间),那将是一比宝贵的财富。

【增补】Mobile-side(不参与评级)

看到很多朋友留言说前端工程师没前途,我在想,同时掌握移动设备的技能是否也是拓展前途的一个必要性?这里再多说几句,关于技术人员的前途,目前在国内确实得用"惨淡"来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯,而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生(我身边太多了,恩,不说具体细节了,呵呵)。
作为一个技术人员,开发人员,在保持纯粹地敬业心态(这是前提,这么没有,啥也别谈)外,更要学会如何保护自己,如何壮大自身,社会不会同情你,只有你自己才能保护你自己。

Flashlite
(待定,欢迎补充)
Java?
(待定,欢迎补充)

时间: 2024-10-30 21:50:28

设计网页前端界面必备的技能的相关文章

网页前端设计人员必备的技术列表

前端这一行,入门并不困难,掌握XHTML+CSS之后,基本上就可以找到一份工作. 作感悟 建议"前端开发"人员掌握的技术 必备技能 XHTML+CSS 高级应用 Photoshop+JavaScript 拓展技能 Ajax+UE+SEO+PHP+Mysql 文章摘要 前几天有一个网友留言,提到他正在阅读"Javascript,CSS,XHTML,Ajax,jQuery" 等等一系列书籍.回想我上学的时候,也是看了很多东西,最终却没有用上,所以,在此写写自己学前端的一

推荐网页前端设计:适合JavaScript新手的书籍

文章简介:适合JavaScript新手的入门书籍. 自从学习网页前端设计以来,我一直把主要的精力和时间放在研究Photoshop.Html以及CSS上面,很少学习JavaScript,原因是之前不知道网页的构成由三个部分,内容(Html).外观(CSS)和行动(JavaScript)组成,而JavaScript作为代表行动的部分具有相当的重要性.没有JavaScript参与的网页如同是一本书,单方面的对用户灌输信息,而有了JavaScript的网页,才和用户有所互动.所以现在狠下心来恶补Java

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读

前言 网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通 网络技术的日益成熟,给人们带来了诸多方便.如今,网络正在各个领域发挥着巨大的作用,成为人们日常生活中不可或缺的部分.人们可以足不出户网上购物,随时查询股票信息,在自己的博客上尽情发表言论--以上这些都离不开最基本的网页设计.制作与维护. 制作一个网站需要很多技术,包括图像设计和处理.网页动画的制作和网页版面的布局编辑等.随着网页制作技术的不断发展和完善,产生了众

WEB 开发者应该有哪些必备的技能?

WEB 开发者应该有哪些必备的技能? WEB开发本身涵盖了许多领域的许多技术,那么,有哪些是WEB开发者必备的技能呢?这是一个 Quora 上用户提出的问题,其中Ellyse Taylor的回答获得了1900+的赞同. 可能很多人对下面这个列表中的大部分内容都已经了解了,但其中必定有一些是你之前没有看到过,或者没有完全理解的,甚至有些你可能从来没听说过. 1. 界面和用户体验 注意,浏览器的实现标准是不一致的,请确保你的网站能够兼容所有主流的浏览器.最少需要测试的有 Gecko 引擎(Firef

让你的网站受大众欢迎 设计网页的用户体验设计

在一般设计网页的时候,你必须要注意几个问题,第一就是你必须要规避你自己的喜好,你要知道你喜欢的东西并不一定谁都喜欢,比如网页构成色彩,你喜欢大红大绿,并且你的网页充斥着这样的颜色,那么你一定会丢失掉很多你的潜在客户,原因很简单... 站在浏览者的角度考虑,你是喜欢漫天广告的网页,还是有更多实质内容的网页? 显而易见,你一定是选择后者,这是人之常情,这就是最简单的用户体验(User-Experience,简称UE),也是最直接影响你的网页浏览度的因素.很多时候,用户体验直接影响到你的网站是否成功.

写给IOS开发工程师的网页前端入门笔记

前言:作为IOS开发工程师,终会接触到网页前端开发,甚至可能会有 用HTML5开发IOS的app客户端的需求.比如现在上架的app就有比如理财类型的app有的就用HTML开发的,从理财类型的app需求上思考,用 HTML5确实是个不错的选择,利用了跨平台的同时,也考虑到了理财类型的app仅仅需要处理的是数据的业务逻辑,不存在较多的本地存储数据,而且涉及到 的财务信息从安全性考虑数据基本都会存储在服务器端,是不可能用于存储在本地的,再加上HTML5对各种手机屏幕的尺寸适配性非常灵活,所以这一类ap

网站制作初学解惑之怎样设计网页

初学|设计|网页 怎样设计网页? 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以

网页制作最常见问题:怎样设计网页

设计|网页|问题 怎样设计网页 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及

视觉设计研究:网页前端视觉设计的内容

本文是关于视觉设计的研究类文章,说的很有深意很精彩,本站截取关于网页前端视觉设计的内容,希望大家从中找到一些设计趋势与灵感. 3D 效果的网站在浏览3D效果Flash网站时,会不自觉被惊人的效果迷住.网站的设计者和开发者为网站提供了丰富的内容,震撼的视觉体验和让用户难以置信的互动效果,令人印象深刻. 像素级完美细节文字的布局和排版网站的布局排版,是一门艺术,可以通过不同图片,文字,段落等元素的排列组合,体现想要表达的重点及细节,从而使用户自然接受信息!可用范围: 门户,活动,广告场景化运用真实场