第一章 web设计概论

简介: <h1>第一节 什么是web设计?</h1> <p>什么是web设计师?  <br> 在我的观念里,web设计师不同于美工。Web设计师是美工和后台程序员之间的那个角色,而且懂一些美术,会用一些Photoshop。这个人主要负责web的建设规划,前端代码,切图等,而不是美术设计。 <br> 如果你想作出一手好网站,成为一个出色的Web设计师,你有不少东西要会。 <br> 第一是,x

第一节 什么是web设计?

什么是web设计师?  
在我的观念里,web设计师不同于美工。Web设计师是美工和后台程序员之间的那个角色,而且懂一些美术,会用一些Photoshop。这个人主要负责web的建设规划,前端代码,切图等,而不是美术设计。 
如果你想作出一手好网站,成为一个出色的Web设计师,你有不少东西要会。 
第一是,xhtml和css。这是一切web的基础。以前大家都用table划来划去,现在的标准是xhtml+css,no table。国际标准推荐用css来定位和布局。 
第二是,Javascript这个必须很流利。无论是数据验证,动态样式,还是一些有用的特效,都是需要Script,而Script是基于DOM的。 
第三是,选学的HTC,将Script封装起来,面向对象的开发Javascript。虽然HTC局限于IE,不过,从IE百分之九十多的市场占有率来看,HTC还是很有前景。 
第四是,XML和XSL,别告诉我现在你还不会XML,会了XML再学学XSL不过是一两个星期的工夫。 实际上最重要的不在于技术,而在于要学会人性化的设计,学会体贴用户。这是设计理念的问题:按钮在哪里合适?字体多大舒服?颜色如何不刺眼等等。 
以上这些是前端程序员的工作,完全没有美术的技巧。Web设计师应该掌握一些美术的知识,至少要懂得审美。 
首先是要会配色,哪怕图片做得不好,配色一定要好, 不然配出**色会恶心死人。 
所有设计都要考虑到人的因素。是看的人,浏览的人是否觉得好看,而不是设计的人觉得好看。例如,给一个老伯看五颜六色的东西,你觉得他能接受吗?估计老伯眼睛会变得更花。。。^_^ 
图片设计由美工来发挥,但要整体的考虑,系统的色调, 主题, 风格要一致,不是单独一个图片好看,就可以放上去用的。我以前一开始做的时候就是先找一堆gif动画,在frontpage上东放一个西放一个,你
说这是设计网站?唉。。。惭愧 
Web设计师需要在美工的图片上进行加工切图,因此图的大小,图的质量,图的格式, 都需要经过仔细考虑。图片如何切适用于css,如何能够最少的使用图片,这很有讲究。不然直接贴1024*768的图片到网站算了,还要Web设计师干什么。 
有一个需要重点的考虑的问题,是网站的目录结构。如何分目录能够清楚地放置theme,js,css,xhtml,htc等等,这需要通盘考虑, 也就是要和后台技术一起考虑。例如用了Struts的多模块,那么就需要分module,每个module单独使用include等等。 


相关文章
|
存储 缓存 编解码
Web端短视频编辑器的设计与实现 - 像做PPT一样做视频
对于视频的生产,一般的方案是交由专业机构去创作,但这将花费很多预算,如果我们能提供一个工具,基于知识的通用结构沉淀一些视频模版,让用户快速创作出视频知识内容岂不美哉?让想法再奔放些,如果我们能直接从知识库中抽取结构化的知识内容直接生成视频或是半成品视频,用户只需要稍作调整就能发布,这想想就很酷吧?是的,小蜜视频创作工具我就是想做这样一件事情。本篇分享来自阿里巴巴前端工程师李志成(敦固)在第十六届D2前端技术论坛的分享。
3322 0
Web端短视频编辑器的设计与实现 - 像做PPT一样做视频
|
Python JavaScript 前端开发
带你读《Python Django Web典型模块 开发实战》之三:用Django设计大型电商的类别表
本书内容涵盖了收费API业务模型的开发、网站防爬虫策略、网站违禁词自查系统的搭建、会员系统的搭建、前后端分离项目的上线部署等大大小小十余个项目模块分析,可以基本解决Django学习者从理论到实践过渡过程中经常会遇到的大部分问题。
|
7月前
|
XML 前端开发 JavaScript
前端概论 web
前端概论 web
38 0
|
小程序 容器
WEB概论
1.什么是WEB? 2.什么是Servlet? 3.什么是容器? 4.三大组件,servlet、filter、listener
86 0
|
SQL 移动开发 前端开发
Web前端开发笔记——第一章 Web前端概论
Web前端开发笔记——第一章 Web前端概论
Web前端开发笔记——第一章 Web前端概论
|
Web App开发 JavaScript 前端开发
【译】2019年,如何设计Web页面
【译】2019年,如何设计Web页面
154 0
【译】2019年,如何设计Web页面
|
存储 前端开发 Java
一文概览设计Web API 中的细节
一文概览设计Web API 中的细节
200 0
|
Web App开发 机器学习/深度学习 前端开发
下一代响应式Web设计:组件驱动式Web设计(4)
下一代响应式Web设计:组件驱动式Web设计
274 0
|
前端开发 JavaScript API
下一代响应式Web设计:组件驱动式Web设计(3)
下一代响应式Web设计:组件驱动式Web设计
140 0

热门文章

最新文章

  • 1
    打造高效的Web Scraper:Python与Selenium的完美结合
    13
  • 2
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
    26
  • 3
    AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
    20
  • 4
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
    54
  • 5
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
    342
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 7
    java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
    40
  • 8
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
    28
  • 9
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
    22
  • 10
    FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
    55