4、界面前端设计师指南 - 软件项目角色指南系列文章

简介: 第4章 界面前端设计师指南   界面前端设计师,是这几年才兴起的一个概念,也是一个较新的职位,其实其前身就是美工。在传统的美工的职位中,只是负责一些图片的编辑工作。然而,在日益变化的现在,传统的工作已经无法完成日趋复杂的需求。

 

第4章 界面前端设计师指南

 

界面前端设计师,是这几年才兴起的一个概念,也是一个较新的职位,其实其前身就是美工。在传统的美工的职位中,只是负责一些图片的编辑工作。然而,在日益变化的现在,传统的工作已经无法完成日趋复杂的需求。于是,界面前端设计师这个职位就诞生了。

4.1、工作职责

    界面前端设计师的工作职责不多,不外乎就是设计界面,排版,编辑成可点击的界面,编辑图片。当前,又多了移动端的一些界面设计的工作,界面前端设计师的工作又更进了一步。

l  参与软件界面设计;

l  参与软件界面的原型设计;

l  参与软件界面的JS脚本设计;

l  参与软件界面的点击跳转设计;

l  参与软件界面的图片编辑;

 

4.2、应具备的知识

    界面前端设计师首先要具备良好的美工经验,其次才是界面前端的一些脚本设计工作。

l  良好的美工素质;

l  网页原型设计经验;

l  JS脚本设计经验;

l  图片编辑设计经验;

l  掌握Javascript脚本语言;

l  了解信息化及信息安全基础知识;

l  熟悉知识产权相关法律、法规;

l  正确阅读并理解相关领域的英文资料。

 

4.3、日常工作

界面前端设计师的日常工作比较简单,无需很复杂的工作。

l  界面图片设计;

l  界面原型设计;

l  界面脚本设计及编写;

l  界面前端设计工作经验学习;

 

4.4、经验提升的方法

    目前国内对界面前端设计的内容很多,比如PS,JS等等,这些能够学习的网站也很多,所以对于经验提升不是难点。对于经验提升的方法,不外乎看书,逛网站等形式。界面前端设计师自己的经验提升,目前只有靠自己多学习,多在工作中实践,才能够获取更多的经验。所以,能够在项目中进行实践,是一件很愉快的事情。

 

4.5、与其他角色的沟通

    界面前端设计师由于需要有时候参与软件系统的原型设计,所以需要与项目经理进行沟通,又由于有时候需要设计JS脚本,所以有时候需要与软件工程师或者软件设计师沟通,获取一定的经验。

1)与项目经理的沟通。界面前端设计师需要设计一定的原型,所以需要与项目经理进行沟通。一个是需要与项目经理的需求进行切合,另一个又需要符合用户的操作习惯,所以就需要与项目经理进行深入的沟通,对软件系统原型进行修改。

2)与软件工程师的沟通。界面设计师在设计JS脚本的时候,有些内容需要与软件工程师进行沟通,看看是否符合要求,是否符合需求,是否符合用户习惯,所以需要与软件工程师沟通交流经验。

 

4.6、应阅读的书籍

由于国内的美工杂志等缺乏,导致界面设计师阅读的书籍缺乏,从网络上进行获取学习的机会更大一些,毕竟现在是网络时代,从网络获取知识已经是经常的事。不过,值得庆祝的是,现在有很多的前端工程师将自己的作品发表到互联网上了。下面给出几个比较好的前端设计网站:

1)前端网:http://www.w3cfuns.com/

    2)蓝色理想:http://www.blueidea.com

    3)W3School: http://www.w3school.com.cn/index.html

4)前端观察:http://www.qianduan.net/

5)CSS88:http://www.css88.com/

 

4.7、应铭记的话

    1)设计要有创新思路;

    2)作品要适应行业领域的要求;

    3)要不断的学习前端知识;

目录
相关文章
|
8天前
|
缓存 监控 前端开发
基于 CoffeeScript 的内网管理监控软件前端代码优化
本文探讨了基于CoffeeScript的内网管理监控软件前端代码优化方法,包括数据请求缓存、界面更新采用虚拟DOM技术以及增强错误处理机制,旨在提升软件性能、响应速度和用户体验。
21 4
|
18天前
|
监控 前端开发 数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库,旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入,帮助开发者轻松实现3D场景与React项目的无缝融合。
65 8
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
|
7天前
|
监控 前端开发 JavaScript
OCamlScript 用于局域网电脑监控软件前端开发的探索
在数字化时代,局域网电脑监控软件广泛应用于企业管理和教育机构。OCamlScript 作为新兴技术,在此类软件的前端开发中展现出独特潜力,特别是在网络请求、界面更新及用户交互处理方面。通过合理利用其特性,可构建高效稳定的前端应用,提升用户体验,具有广阔的应用前景。
24 9
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
136 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
21天前
|
前端开发 测试技术
前端工程化的分支策略要如何与项目的具体情况相结合?
前端工程化的分支策略要紧密结合项目的实际情况,以实现高效的开发、稳定的版本控制和顺利的发布流程。
23 1
|
1月前
|
前端开发 Unix 测试技术
揭秘!前端大牛们如何高效管理项目,确保按时交付高质量作品!
【10月更文挑战第30天】前端开发项目涉及从需求分析到最终交付的多个环节。本文解答了如何制定合理项目计划、提高团队协作效率、确保代码质量和应对项目风险等问题,帮助你学习前端大牛们的项目管理技巧,确保按时交付高质量的作品。
34 2
|
1月前
|
前端开发 API
前端界面生成PDF并导出下载
【10月更文挑战第21天】利用合适的第三方库,你可以在前端轻松实现界面生成 PDF 并导出下载的功能,为用户提供更方便的文档分享和保存方式。你还可以根据具体的需求进一步优化和定制生成的 PDF 文件,以满足不同的业务场景要求。
|
2月前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
|
2月前
|
前端开发 JavaScript 开发工具
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
38 0
|
2月前
|
Web App开发 前端开发 JavaScript
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
53 0