欢迎访问爱发表,线上期刊服务咨询

网页设计的流程8篇

时间:2023-08-03 09:19:52

绪论:在寻找写作灵感吗?爱发表网为您精选了8篇网页设计的流程,愿这些内容能够启迪您的思维,激发您的创作热情,欢迎您的阅读与分享!

网页设计的流程

篇1

关键词:电网工程;影像化处理;委托业务

中图分类号:TM715 文献标识码:A 文章编号:1009-2374(2013)26-0015-02

1 电建委托业务的现状与问题分析

电网建设工程具有管理过程复杂、涉及范围广的特点,电压等级越高,该特点越明显,大多电力企业依托下属单位开展电网工程属地化协调及建设管理工作,工程财务管理工作仍集中在总公司财务部门,采用受托单位集中报账模式核算。集中报账财务管理模式,一般每月或每季度报销一次,工程成本归集时间滞后,总公司和受托建设单位在工程财务管理上相脱离,导致财务部门工程管理关口滞后,财务部门难以实时控制各项支出的真实性、合理性和合规性,存在工程成本入账不合理、项目费用超支的潜在风险,不利于工程成本过程控制和降低工程造价。为解决这一矛盾,本文提出利用ERP工作流结合票据影像技术,设计电网建设委托业务影像化处理流程

2 流程设计思路

以公司基建部、财务资产部同步在线审批受托建设单位工程各项费用支出为目标,从组织、制度、流程、信息系统等方面优化在线审批方案,努力提升标准化、规范化、专业化的工程管理集约化水平,开发建设并应用电建委托业务影像化处理流程。包括如下具体内容:

(1)开发建设票据影像管理系统,实现影像数据统一存储、集中管理;(2)设计电建委托业务审批工作流,根据业务需要设置审批节点,自动整合业务数据和原始影像凭证;(3)遵循系统整体设计原则,与ERP系统、财务管控系统充分集成;(4)采用“集中开发、统一部署”的方式,所有的功能统一设计,包括与ERP系统、财务管控系统的接口,系统集中在公司统一部署。

3 流程技术方案

电网建设委托业务影像化处理流程依托ERP工作流和票据影像系统,通过集成ERP系统、企业门户等,以ECC工作流系统作为后台管理引擎。以SAPNet Weaver为平台,通过Web Dynpro开发基于表单的用户界面,构建一站式、简单实用的审批平台。以企业内部门户作为工作流展示页面,将原来的线下纸质票据传递转化为线上影像票据流转,受托建设单位业务部门发起业务申请,填写付款方式、金额、银行账号、供应商等财务信息,上传相关票据影像,经相关领导审核后传递至总公司相关部门和人员审批,审批通过后自动生成总公司和受托建设单位双方会计凭证。

(1)ERP工作流:通过工作流,将报销业务从线下转移到系统内实现。工作流具有流程透明固化、方便监控流程状态、自动匹配审批人、自动发送待办通知等优点。利用ERP业务处理节点的合理衔接,改变了各部门过去信息闭塞、各自为战的局面,形成了协同作战的良好氛围。通过财务与前端业务信息的集成互联,提高业务流传速度,保证业务处理的及时性。工作流业务处理节点分为受托建设单位和总公司两部分。受托建设单位发起业务申请,上传相关票据影像信息,总公司基建部门、财务部门接收申请,同步在线审核业务支出合理性、合规性。各级审批人员只需要按照工作流中预设的流程进行审批,系统后台操作使业务人员操作更简单、流程更透明。ERP工作流加强了上下级单位和相关部门间的流程互通和信息共享,提高了数据准确性和业务执行效率,减少了重复工作量。

(2)票据影像系统:利用非结构化数据管理平台,开发应用票据影像系统。票据影像系统分为采集子系统(扫描仪)与影像管理主系统两部分,具有影像采集、影像管理、基础支撑三项功能。工程管理相关人员通过系统查阅电子化票据即可开展业务,无需等待实物票据,减少了业务等待时间,加快了业务处理速度。系统通过影像单据业务电子化,实现了受托建设单位原始凭证的可视化管理,延伸和拓宽了总部工程财务管理视野,实时开展财务业务在线稽核。业务流程影像集成的方式采用通用的Web服务方式,工作流通过影像系统获取登录票号,通过影像上载的URL,填充来源系统、影像集编号或者影像集副编号等参数,进入影像系统的上载页面。同时在工作流封装上载界面优化用户体验,用户在工作流界面可进行影像文件的上传、查询、修改、删除等操作。票据影像系统与工作流系统的无缝集成,保证业务审批全部通过线上流转,同时保证影像文件与工作流申请单信息的匹配,在审核阶段能够更有针对性地保障业务的合规性,对于后期会计档案的查询也能够实现原始单据的电子化。

(3)凭证生成技术:在业务申请单据中,通过在ERP系统设置内部往来核算规则,相关信息项自动对应到具体会计明细科目,实现了不同会计主体间关联业务的会计处理自动触发完成,工作流审批完成后调用凭证生成BAPI自动生成公司本部及受托建设单位会计凭证。在此之前需要在工作流申请过程中,对数据进行校验,保障提交的数据的有效性及真实性。通过凭证自动生成功能,该业务只需在一个入口进行操作即可,减少了财务人员工作强度,避免了人为操作导致与申请不一致的情况。

4 具体操作流程介绍

电建委托业务影像化处理流程测试通过后,需布置受托建设单位上线应用,系统主要操作流程如下:

一是完成流程导入、打印机、扫描仪采购工作。二是项目组制定基础数据收集标准规范及模板,由总公司财务资产部审定后下发受托建设单位,受托建设单位收集并上报各业务节点用户权限,提交财务资产部。财务资产部和项目组对最终数据进行审核,完成系统权限配置。三是对系统最终用户进行培训,帮助最终用户熟悉和适应系统各模块的工作流程和操作方法。四是受托建设单位业务部门填写业务申请单,上传票据影像信息,传递至本单位财务部门。财务部门审核申请单信息的完整性和准确性,补充填写付款方式、金额、银行账号、供应商等财务信息,预览会计凭证,提交至总公司审批。五是总公司基建部、财务资产部进行在线审批,点击查看相关原始票据影像信息,审核支出的合理性、原始凭证的真实性和准确性、费用归集合规性、支出项目是否合理或超支,剔除不合理支出,审批同意后自动生成公司本部和受托建设单位会计凭证,实现了对工程成本实时管控和全过程监督。

5 实施效果

电建委托业务影像化处理流程通过报销单据在线审批流转,减少人工报销成本50%以上,同时对受托建设单位工程费用实时在线管控,完全杜绝了工程支出的浪费、无序和超概算现象的发生。流程的设计和实现,具有以下

效果:

一是通过影像单据业务电子化,实现了财务报销业务的在线处理,减少了人工传递成本,缩短了业务处理时间,增强了业务报销的及时性。

二是总部基建部通过查看相关原始票据影像信息,审核支出的合理性、合规性,工程结算工作由“事后审核”变成“事中控制”,改变了原来工程竣工后结算工作被动审核的局面,实现了业务、财务数据一体化。

三是总部财务资产部在线审批,将工程财务管理关口前移,对工程成本支出真实性、合理性实时管控,及时剔除不合理支出,净化了工程费用支出,加强工程造价过程控制。

四是自动生成总部和受托建设单位会计凭证,提升了会计核算效率,利用系统报表功能,工程支出情况实时汇总查询,提高了信息加工、展现、穿透与分析能力。

6 结语

电网工程项目的管理是电力企业重要的管理活动,涉及部门多,资金量大,抓好工程成本过程控制,才能有效合理地控制造价,使有限的投资发挥较好的经济效益和社会效益。电网建设委托业务影像化处理流程利用信息化手段,优化和完善了工程业务流程,并明确了工程,将工程管控关口前移到项目实施阶段,满足了委托建设工程远程监控管理的需要,为工程成本的节约提供了技术支持和实施保障,实现了管理效益和经济效益的双赢。

参考文献

[1]杨波,严坤,姜劲松,胡谷雨.面向Web服务架构的协同工作流模型[J].计算机工程与设计,2011,3.

[2]詹伟.工作流助力湖北电力ERP系统深化应用[A].2010电力行业信息化年会论文集[C].2010.

篇2

Abstract: The paper chose the business process of transferring hens from barton to henhouse in agriculture and animal husbandry breeding to model Petri nets and found time bottleneck by analyzing and calculating the model. According to principle ECRS proposed optimized scheme and evaluated the processes' efficiency of before and after optimization using the time index of process cycle. The result shows that the model is very effective in process optimization of the agriculture and animal husbandry breeding.

关键词: 农牧养殖;业务流程优化;Petri网模型;ECRS原则

Key words: agriculture and animal husbandry breeding;business process improvement;Petri nets model;ECRS

中图分类号:TP39 文献标识码:A 文章编号:1006-4311(2013)02-0011-03

0 引言

随着人们对农牧产品需求的增多,农牧产品供给能力不断扩大,农牧养殖业信息化步伐不断加快,加之食品安全问题频出,消费者希望养殖信息透明,吃上放心农牧产品,一些大型农牧养殖公司已经开始引入信息化管理养殖过程。母鸡是人们生活中最频繁食用的农牧产品,目前主要采取公司+农户方式养殖,即公司负责育种和孵化鸡苗,孵化出的鸡苗分发到农户管理的散养基地养至130天左右,公司回收这些小母鸡到育肥舍精养至180天左右,最后将达标的老母鸡出舍运往销售点销售。其中的育肥环节主要为了让农户散养的小母鸡统一达标并过滤药残,在此过程中同批进舍育肥的母鸡,到期出舍时有些母鸡可能会因不达标导致需要转舍继续喂养,为了能够准确追溯每只母鸡的养殖过程和核算养殖成本,需要引入RFID[1]等标签对母鸡进行识别。因此,需要对原母鸡转舍流程进行优化以适应信息化管理养殖。

业务流程优化首先需要对流程建模,然后对模型分析,最后针对分析的结果提出优化方案。目前使用的流程建模工具主要有:业务流程图法(Flow Chart)、IDEF模型系列、事件流程链(Event-driven Process Chain,EPC)、面向对象分析(OOA)、Petri网模型等[2]。

业务流程图建模法理解性良好,但是对流程改进能力较弱;IDEF模型系列[3]主要面向功能建模,有抽象机制,但是理解性一般;事件流程链主要面向客户建模,支持流程改造,但是计算机化能力较弱,而且无抽象机制;面向对象分析法建模以业务中的对象及其之间的关系为基础,计算机化能力较强,但是对系统分析评价太简单;Petri网[4]的建模方向是面向混合型,有计算机化能力和抽象机制,对系统分析评价能力强。综合考虑后,选择Petri网建模工具对母鸡转舍业务流程建模分析,并依据ECRS优化原则对业务流程优化。

1 母鸡转舍原业务流程建模分析

1.1 原业务流程描述 为了优化母鸡转舍业务流程,选择某鸡养殖公司开展调研,整理得到母鸡转舍原业务流程如图1所示。

1.2 原业务流程Petri网模型建立 根据原业务流程图建立母鸡转舍原业务流程的Petri网模型如图2所示,Petri网模型的库所、变迁含义以及耗费时间见表1。

对原业务流程的Petri模型分析是优化业务流程的基础和依据,先对建立的模型进行结构分析,然后选取指标进行性能分析。

1.3 Petri网模型的结构分析 结构分析主要对业务流程的Petri网模型进行正确性等基础性分析,保证其与实际业务过程是等价的,不存在死锁、冲突等异常结构。运用基于关联矩阵[5]的分析方法对所建立模型的结构进行分析。

假设母鸡转舍业务流程对应的关联矩阵为C,得出转置为

C■=-1 1 0 0 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 0 -1 0 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 0 0 0 0 -1 1

由公式CTX=0可解得S_不变量:

x1=(1,1,1,1,1,1,1,0,0)T x2=(1,0,0,0,0,0,0,1,1)T

在方程组解中得到的S_不变量,当分量为1时表示托肯流经此库所,分量为0时表示托肯不流经此库所。托肯流经何条路线是不确定的,只要托肯的分布符合CTX=0就能保证结构上有界且守恒,但是S_不变量的个数是一定的,即由线性方程组CTX=0的自由变量个数来决定。

根据活性、有界性、可达性[6]的定义可知, 图中Petri网模型是活的、有界的和可达的, 从而验证了模型的正确与可行性。

1.4 Petri网模型的性能分析 性能分析主要考察流程中的评价指标,比如有效性、适应性、流程周期时间、效率、流程成本等,流程周期时间和效率具有相关性,而有效性和适应性度量起来比较困难,所以,一般选择流程成本和流程周期时间作为主要评价指标。选用流程周期时间作为母鸡转舍Petri网模型的主要性能评价指标。

在Petri网中时间参数[7]的计算主要依靠实体托肯的数据传递来实现。一般情况下,一个变迁中,托肯的时间参数发生如下变化:

OutToken.Time=InToken.Time+Waiting.Time

+Act.Time (1)

其中,InToken.Time表示变迁的输入时间;OutToken.Time表示变迁的输出时间;Waiting.Time是等待时间;Act.Time是处理时间。

Petri网模型中并行结构的时间计算公式是

OutToken.Time=

■■(InToken.Time+Waiting.Timei+Act.Timei) (2)

其中m是并行结构中每个串行结构的变迁数,n是并行结构中的串行结构个数。

Petri网模型中反馈结构的时间计算公式是

OutToken.Time=N×■(InToken.Time+Waiting.Timei

+Act.Timei) (3)

其中m是变迁的个数,N是反馈的次数。

在实际业务中,流程完成的时间在某一区间内是随机分布的,因此将随机性引入业务流程的模拟分析中以使得分析与实际更吻合。故设定部分任务的完成时间服从某一区间上的均匀分布。

由公式(1)(2)得公式(4),此业务流程平均周期时间计算公式为:

■=■■■(InToken.Time+Waiting.Timei+Act.Timei) (4)

其中InToken.Time初始为0,在这里我们假设所有变迁在托肯输入库所后立刻发生,即Waiting.Time=0。n是流程个数,m是每个流程的变迁个数。得出图1母鸡转育肥舍业务流程的平均周期为:

■=■■+2+■+■+

■+max2,■+2+30=72(min)

利用上述公式(1),得出每个变迁发生后的时间结果如表2所示。

通过对Petri网模型的结构分析,可知整个模型是正确可行的,与实际业务吻合。整个业务流程包含两个子流程,即P1P2P3P4P5P6P7,P1P8P9。结合模型定性和定量分析,可以总结出以下时间瓶颈:

①流程中最耗费时间并且对整个流程周期影响最大的是变迁T6,即会计将产品验收单送给财务部。实际上P5P6是图中并行结构流程中的一个子流程,所以T6与T7属于并列结构,T7较T6花费时间极少,从而T6的长时间花费严重影响了整个流程的效率。

②变迁T3分拣过称进舍耗时且费大量人力,最重要的一点是,进舍时,有可能会与上一批母鸡混养在一起,对母鸡的日龄很难掌握;

③对于耗时很短的T5和T7,仍然是纯手工填写单据,耗时耗力。

④产品码单与产品验收单中很多数据元素重复,会计统计时填写两张单据繁琐费时。

2 母鸡转舍业务流程优化

2.1 优化原则 在母鸡转舍业务流程优化过程中,采取ECRS原则[8]。

2.1.1 Eliminate(取消) 业务流程首选考虑某些动作有无取消的可能性,如不必要的辅助活动,不必要的搬运,等等,可一律取消。如果不能全部取消,可考虑部分取消。

2.1.2 Combine(合并) 合并即是将两个或两个以上的对象变成一个,如动作与动作的合并。当业务流程中出现能力不平衡,出现人员忙闲不均时,就需要对这些流程进行调整和合并。有些相同的工作完全可以合并在一道流程内。

2.1.3 Rearrange(重排) 重排就是通过改变业务流程中的环节,使工作的先后顺序重新组合,以达到改善工作的目的。如,前后流程的对换。

2.1.4 Simplify(简化) 经过取消、合并、重排之后,再对该项工作做深入的分析研究,使现行方法尽量简化,以最大限度地缩短作业时间,提高工作效率。

2.2 优化思路 根据分析发现的问题,遵循ECRS原则,母鸡转舍流程优化思路如下:

①通过使用ERP系统,自动生成需求单据,工作人员只需网上填写,多部门共享,省去很多时间,如原流程中变迁T6就可以取消,财务部直接在系统中可以调出产品验收单。T5、T7同理也可以取消。

②将产品码单与产品验收单合并为验收单,减少整个系统的数据类。

③引入RFID射频识别技术,在变迁T3分拣过称后给母鸡带上脚环,随时跟踪母鸡的饲养情况,解决了对母鸡的日龄和养殖成本很难测算的难题。

2.3 优化后的流程 根据优化方案可以得出母鸡转舍优化后的业务流程如图3所示。

3 优化后的业务流程Petri网模型建立与分析比较

建立母鸡转舍优化后业务流程的Petri网模型如图4所示,优化后Petri网模型的库所、变迁含义以及耗费时间见表3。

假设育肥舍进母鸡业务流程对应的关联矩阵为C,得转置矩阵为:

CT=-1 1 0 0 0 1 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 -1 1 0 0 0 0 0 0 0 -1 1

由公式CTX=0可解得S_不变量:

x1=(1,1,1,1,1,0,0)T x2=(1,0,0,0,0,1,1)T

根据活性、有界性、可达性的定义可知, 图中Petri网模型是活的、有界的和可达的, 从而验证了模型的正确与可行性。

同理利用上述公式(4),其中InToken.Time初始为0,在这里我们假设所有变迁在托肯输入库所后立刻发生,即Waiting.Time=0。得出图3的平均周期为:

■=■■+2+■+■+

■+2=49.5(min)

本文选用流程时间减少率和变迁数量减少率作为评价流程效率的综合指标,用流程时间减少率反映流程优化后流程总体时间减少的效果,用变迁数量减少的比率来评价过程改进因子。从上文模拟计算得出优化前后母鸡转育肥舍业务流程的平均周期分别为72分钟和49.5分钟,优化前后流程的变迁数量分别为8个和5个,整个流程时间减少率为31.25%,变迁数量减少率为37.5%。所以采取的优化措施是正确的,有效地简化了母鸡转育肥舍业务流程,缩短了流程周期,提高了流程执行效率,从而一定程度上地降低了流程的成本,增强了企业的核心竞争力。

4 结束语

文章研究利用Petri网对农牧养殖育肥舍业务流程建模分析,找出流程瓶颈问题,并依据ECRS原则优化流程。将此建模分析优化方法应用在某公司其他所有部门业务流程优化中,优化后的业务流程提高了业务效率,减少了流程周期时间。这对提高整个农牧养殖效率具有重要的作用。结果表明该建模分析方法在农牧养殖业业务流程优化过程中是有效的。

参考文献:

[1]张玉洁,刘军,贾利民,徐杰.RFID技术在铁路集装箱堆场进出口的应用[J].物流科技,2008,(2):34-36.

[2]张玉洁.基于Petri网的铁路集装箱运输流程建模与优化研究[D].北京:北京交通大学,2007,12.

[3]李建中,陈良猷. IDEF 方法族在企业过程再造中的应用[J].工业工程,2000,3(3):6-9.

[4]Murata T.,Petri Nets: Properties, Analysis and Applications. Proceedings of the IEEE,Vol.77,No.4,pages 541-580.April 1989.

[5] 徐新卫,方乐,周小东. 基于“ABCM-CPM-Petri”模型的销售配送流程优化[J].现代管理学,2011,(10):51-54.

[6] 吴哲辉.Petri网导论[M].北京:机械工业出版社,2006:27-46.

篇3

关键词:专业课程;网络化;学习交流

中图分类号:G434文献标识码:A文章编号:1009-3044(2012)20-4872-03

Design and Implementation of Higher Vocational Curriculum of Network Learning Communication Platform

PU Xiao-ni

(Lanzhou Petrochemical College of Vocational Technologyg, Lanzhou 730060, China)

Abstract: The less contact for vocational college students in school after school hours with professional teachers asked the students to devel op a professional course of study and exchange network platform. To provide various professional core course materials for students through the learning platform, network guidance and answering multi-directional guidance to help students to immediately solve the problems in students learning skills and heavy and difficult learning. Give full consideration to students’ learning conditions, the system has developed a mobile version. The application of this platform to improve learning efficiency, the promotion of advanced professional skills, learning good way to learn, the accumulation of learning experience and professional knowledge and skills, the promotion and application value.

Key words: professional courses; networking; learning exchanges

当前很多高校都普遍存在“教师上完课就走,师生交流的时间太少”的现象,特别是很多高职院校学生本身自主学习的能力相对较弱,如果在课堂没有很好的消化课程内容,课后又没能及时与教师交流沟通,容易使学生失去学习信心,甚至因此而放弃本课程的学习。这可能直接影响后继课程的学习,甚至是整个专业课程的学习,从而影响的学生的就业与工作。虽然现在网络信息量大,知识获取的途径也比较多,但是对不同层次的学生而言,网络资源所提供的知识范围太广,跟专业及专业相关课程的联系不是很紧密,不能很好的满足学生专业课程的学习。针对这一现象,我们提出开发“专业课程网络化学习交流平台”。

1专业课程网络化学习平台设计

专业课程网络化学习交流平台的创建针对高校学生在学习过程中遇到疑惑,不能有效及时的解决,从而影响后续学习的情况下提出来的。通过调查分析学生对学习过程中遇到的问题进行了分类整理,根据学生对学生中遇到问题期望解决的办法进行了总结归纳,创建了专业课程学习网,建立的目的旨在使学生通过与专业教师以及同学之间的相互交流帮助学生及时解决因学生问题积压,并且可以通过平台论坛的及时交流提高学习自学能力与交流的能力,以及解决专业问题的能力,为以后更好的学习和工作提供了良好的平台和条件。

1.1专业课程网络化学习平台设计目标

根据当前高校学生学习和生活特点,以学生专业课程学习为背景,根据学生专业课程学习的需求,开发一套有利于学生专业知识与技能的学习与交流,能充分利用学生、教师、网络等各项资源,结构灵活,操作界面简洁友好、系统处理效率高,具有可扩展性、安全性、集学习与应用于一体的专业课程网络化学习交流平台。考虑到当前学生的学习条件,系统设计开发手机版,即使没有电脑,也可用手机访问到与电脑相同的所有功能。学生可以不用去机房、网吧,也不用专门为了学习、查找资料而打开电脑;只需拿出手机,轻轻一按,许多问题迎刃而解!

篇4

关键词:网页设计;视觉信息;传达;分析

1 网页中的视觉

网页的设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序。因此,设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。

视觉流程的形成是由人类的视觉特性所决定的。视觉流程往往会体现出比较明显的方向感,它无形中形成一种脉络,似乎有一条线贯穿其中,使整个版面的运动趋势有一个主旋律。平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。网页设计是一门艺术和技术的交叉学科,近几年随着网络的发展而逐渐受到人们的重视,因此网页设计逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计是要制作出清晰、整体性好的页面。人浏览起来心情愉快,接收信息也会更加容易。网页设计是要把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来,运用一些平面设计中美的基本形式到网页中去,增加网页设计的美感和大众的视觉审美需求。

变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先,网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容要求,网页上的各种构成要素之间的视觉流程,能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候,考虑怎样把它们以合理的统一的方式来排布,使整体感强同时又要有变化;怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富,更有生气,看起来就不感到枯燥。其次,突出主题要素,必须在众多构成要素中突出一个清楚的主体,它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。

2 网页设计的审美需求

网页设计是一门新兴的艺术和技术的交叉学科,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众,在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。需要从审美的方面入手,制作出清晰、整体性好的页面。人浏览起来心情愉快,接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性,把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来,运用一些平面设计中美的基本形式到网页中去,增加网页设计的美感和大众的视觉审美需求。

变化和统一、条理与反复、对比和调和、均齐与平衡等对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先,网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容要求,网页上的各种构成要素之间的视觉流程,能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候,考虑怎样把它们以合理的统一的方式来排布,使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富,更有生气,看起来就不感到枯燥。其次,突出主题要素,必须在众多构成要素中突出一个清楚的主体,它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如此快的互联网时代,由于追求目标的变化,人们的审美观念也在不断地变化,但是美的本质是一样的,同时随着技术的发展,很多目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈,就会给网页设计的自如发展带来一片新的天地。

3 网页中各构成要素分析

对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

3.1 文字的编排与设计

文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,所以网页中文字将占据相当大的面积,文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息,而要达到这种传达的有效性,必须考虑文字编辑的整体效果,能给人以清晰的视觉印象,避免页面繁杂零乱,减去不必要的装饰变化,使人易认、易懂、易读。不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主题。

和利用纸张阅读的方式相比,网页设计中的文字的易读性相对较差,再加上一般的用户在普通的页面上花的时间比较短,所以对于网页设计中的文字编排应该满足以下几个要求:第一,文字编排的过程中选择一些经常使用,用户经常见到的字体。第二,尽可能多地使用黑体和宋体,宋体的阅读方式最便捷,更富有现代气息。第三,限制页面风格,以突出强调作用。

3.2 图片的编排

在网页设计中,图片可以算得上是最早被使用的元素。这是因为网络可以利用图片传达自己的信息,让用户更直接的了解,加大了网络提供的信息量,再加上图片的使用在很大的程度上也使页面更美化。因此,在网页设计中,要想单纯文字表达的信息变得有趣,最简单的方法就是使用图片。

4 结语

在我国不断发展的进程中,网页可以说是一种全新的视觉表现形式,不仅包含了平面设计的各种理念,还具有跟其他文化不同的优点。如果要做好网页设计,绝对不是一件容易的事情,这是因为网页设计涉及了视觉设计美学、人类心理学、人机工程等多个领域。一个好的网页设计不仅需要设计者精心组织内容,更需要其对整体视觉的传达进行科学的规划。在信息技术飞速发展的今天,网页设计的价值不应该只局限于提高信息的传达效率,还应该重视给用户带来视觉的审美享受。

参考文献:

[1] 谢依君.电子报的新闻介面分析[D].台北:台湾国立政治大学,1999.

篇5

【关键词】新形势;电子商务网站;网页设计与制作;web标准

前言:

互联网时代的到来,改变了人们以往的生活习惯,而且对很多行业岗位产生了较大的影响,尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要,不仅起到了宣传企业文化作用,而且也是企业拓展新业务、维护客户的重要平台,这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化,以及人们思想意识的转变。随着各领域贸易的日益频繁,使得商家更依赖电子商务平台,因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

(一)电子商务网站设计与制作的根本目的

在电子商务平台之上,我们可以清晰的看到商品本身的形态、特征以及价格,而且,越来越多样化的网站网页设计形式层出不穷,促使电子商务平台建设的格局逐步升级,新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看,能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

(二)网站网页设计与制作要能够技术合规且突出重点

具体来分析,对于电子商务网站的设计要突出其功能性,需要最新的电子计算机技术来为其做支撑,程序的设计一定要能够顺利运行,通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言,结构和形式要突出层次感,内容要尽可能丰富,从而将电子商务的关键内容呈现在网页的重点区域,便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说,能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去,就是一项成功的设计。在实践过程中,需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看,电子商务网站网页设计的思想是通过缜密的开发流程来体现的,通过对SHOPEX网上商店系统的制作,进而达到管理网店、拓展业务的目的。从实质上来看,Web标准不是单一的技术标准,而是一个完整的技术体系,其层次较为清晰。在Web标准的支撑下,设计者可以很好地将网站网页结构分割清楚,并能够提升网站开发的效率,降低设计及维护成本。总之,从Web标准的关键技术来看,整个技术体系都是以Web标准基本思想为基础,采用一套有效的开发流程,对SHOPEX网店系统进行电子商务网站的网页设计与制作,最终,这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中,首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题,然后,要缕清设计思路,规划出详尽的设计方案,做好网页结构的编排,最后,细化网站结构,完善网页制作的细节。只有按照规划好的流程来,采用合适的网页设计技术及软件,才可以将电子商务网站网页设计和制作的过程完成。

(一)电子商务网站网页的设计内容分析

通常情况下,网站设计的方案要符合当下人们的审美观,简单来说,就是要符合大多数人的视觉习惯,并需要做好合理规划。对于电子商务网站的设计而言,要能够利用大块区域来突出贸易活动的主体内容,并让企业的产品、服务等项目列在最为突出的位置上,只有本着重点突出的原则,才能让浏览网站的客户清楚的看到企业的业务及文化,从而令其产生交易的想法。

(二)网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看,在进行网页方案设计之前,网页模版的开发较为重要。在实际设计及制作的过程中,采用了SHOPEX网店系统开发的模版来为其做支撑,在每个设计模块区域放置一个独立的设计内容、产品或服务,这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后,要进行网站网页内容的填充,逐步细化网站结构,增添时尚感的素材完善网页制作。

结束语:

通过分析电子商务网站网页设计的特殊性,结合基于web标准的制作技术,来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响,并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下,开发了一套高效制作电子商务网站网页的系统,并且将其应用于实践,取得了良好的实践成果。总之,以web标准下为例来看,新形势下电子商务网站网页设计与制作已经不同以往,需要改换新型设计内容、结构设计、方案设计等内容,只有这样,才能突出现代电子商务网站网页的设计特点,抓住人们的视线,从而促进电子商务的快速发展。

参考文献:

[1]朱淑琴,魏威,张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化,2012,03(03):106-109.

[2]郑伟,张永良,郭伟,张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报,2010,04(04):71-74.

篇6

关键词 网页设计 简约主义 视觉呈现

中图分类号:TP3 文献标识码:A

随着商业社会的繁荣,大众生活品质的提高,互联网代表着一种崭新的信息交流方式。网页设计也越来越趋向人性化,设计要求围绕人为中心展开进行设计。而网页作为一种传播信息的媒介,会受到时间、空间和适用环境的限制。但是如何让凌乱复杂的网页变得变得轻薄简洁,在拥有它完整功能的同时又能很好的把重点模块区分出来呢?如何更好剔除多余的颜色、背景或是部分元素,保留并梳理清楚视觉流程呢?

1网页设计视觉流程筹划

视觉流程俗指人们在观看网页时候的视觉路线走向。美国阿尔多斯・赫叙尼在《观看的艺术》中提到:感觉+选择+理解=观看。观看的第二步是从视野中选定一个特定的元素,进行下一步详尽的理解。这是他总结给我们看清事物的方法。

视觉流程是视线在观赏物体上移动的过程,而网页设计中的视觉流动路线是相当重要的。垂直的物体在页面上会引导人们的视线做上下的运动轨迹,水平的物体在页面则给我带来的是左右的视觉流动,三角形的物体会让我们的视觉由角顶开始做循环的视觉流动,而圆形的物体往往会让我们的视线呈辐射状运动。

因此,网页设计中不同的视区范围有着不同的注目度。我们浏览网页时一般的阅读习惯是从左至右,从上至下,因而我们会把一些重要的讯息,比如logo、通知、最新信息放在左上位置,通常我们叫这个位置为视觉中心。

2影响网页页面视觉呈现的要素

2.1网页页面的版面率

版面率指的是网页设计中文字、图形、图像、颜色等的占有率,它不仅影响页面信息传达效率,也决定着整个网页设计的视觉呈现效果。一般来说,版面率与视觉传达效果以及设计创意成反比的。如图(1、2)

由图我们可以看出,宜家的版面率低,整个页面几乎只有其logo的存在,所容纳的信息量少,但是给我们的视觉冲击力很强烈,视觉呈现的形式感很强。在网页设计中,极简的网页视觉呈现能够把最重要的信息以最直观的方式传达给浏览者,而且也可以起到一个避免阅读中分散注意力的作用。譬如我们的一些个人网站、博客等商业气息不浓厚,大多都会以设计创意个性为主,版面率较低。选择版面率比较高的设计时,讲究空间的有效利用与秩序的合理划分,而且每一版面的大小和位置关系要和谐。否则要么排版呆板,要么秩序混乱。

2.2网页设计的权衡布局及简化设计

所谓简约主义,顾名思义就是要我们将设计元素、色彩、造型进行简化。人们常说的“简约不简单”,实际上就是简约主义。目前,简约设计已经被广泛应用到我们生活的各个领域,无论是室内设计或是平面设计还是包装设计,都在实行“简约主义”。甚至很多品牌,譬如无印良品、宜家家居等都是采用的简约主义风格,无疑简洁时尚已成为人们广泛追求的一种风格。正所谓“简约不简单”,个人也认为越是简单的东西越大牌。

排版布局中的平衡、对齐及对比关系,对页面视觉效果至关重要。那么对于网页设计来说,要做到简化设计的第一步就是要去除一些多余的没有必要的东西,尽可能的丢掉他们,留下一下最为关键的信息,比如logo、介绍、导航等等。我们每天都在使用的腾讯,它的页面设计就做到了这点。如图(3、4)

图3 腾讯页面设计

图4 腾讯页面设计

2.3颜色给我们带来的心理暗示

色彩是我们认识事物的第一印象,我们在浏览网页的时候对视觉冲击力强的网页设计留下的印象最为深刻。因此一个好的网页设计必定有一个很好的页面配色设计,它不仅能更好的传达信息,同时还能更好的与大众的心理需求相契合,更大的发挥网页设计中带来的视觉效果。如图(5、6)

根据季节的变更、促销活动的安排以及各品牌不同的文化理念,常常要做一些不同的网页设计才吸引消费大众。因为人们在长时间浏览网页的时候很容易产生疲倦,在色彩的使用上,我们一般应将色彩对比放在一些需要仔细阅读或主要信息上,以免增加网页浏览者的阅读难度,引起视觉疲劳。同时,我们也不能采用一些辨识度低的颜色,尽可能把信息目标更快更好的传达到消费者的眼中。

3结束语

在网页设计过程中,我们应继承我国的传统文化,形成独特的设计风格,拓展设计的视觉语言。与此同时,我们还要推陈出新,突出现代化,引领时尚潮流。以现代简约主义的手法对中国的传统元素和符号进行提炼和二次设计,让网页设计获得更强的视觉认知力和艺术感力,营造一个自然、合理、顺畅的视觉流程,更好的激发人们的审美情趣,引导人们在美的享受中接受传达的信息,发现美好。

参考文献

[1] (美)鲁道夫,阿恩海姆.艺术与视知觉[M].中国社会科学出版社,1984.5.

[2] 孙娇,宗明明.网页设计中视觉流程筹划与应用[J].美术教育研究,2011(7).

[3] 李湘媛.浅谈网页设计中的色彩语言表达[J].艺术教育,2012(11).

篇7

【关键词】 工作过程系统化;《网页设计与制作》;课程开发

【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089(2013)17-00-01

基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习,培养高素质技能型人才的要求,职业教育课程开发的起点是职业分析,基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。

基于工作过程系统化的课程开发有以下步骤:

第一步:本地区及周边地区人才市场调研;

第二步:职业分析;

第三步:提炼本课程所设计的职业行动领域;

第四步:按照工作过程系统化对课程知识体系进行解构和重构;

第五步:精心设计教学内容和教学过程;

第六步:精心学习情境设计。

总结起来就是:工作任务分析行动领域归纳学习领域转换学习情境设计[3]。

一、工作任务分析、行动领域归纳

《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研,对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面:(1)工作具体的流程;(2)工作中常用的技术;(3)负责设计与制作的网站类型;(4)你认为学校的教育对你现在工作的影响等。对收集的调研资料,我们课程团队总结出网页设计师的主要工作任务:(1)负责网站项目的整体版式、风格设计(2)根据网站策划对网站整体框架的设计;(3)网页的具体设计制作;(4)协助网页制作师完成网页的制作。网页制作师的主要工作任务:根据网站说明书和网站设计图完成网页的制作。

二、学习领域

网页设计师这个岗位涉及到美工方面,我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》,美工方面的知识只能是学生根据自己的兴趣爱好自己补充,但是没有美工专业基础,还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法,掌握DreamWeaver开发工具设计网站和制作网页,培养学生设计网站和制作网页的能力。

三、学习情境设计

根据行动领域的归纳和学习领域的转换,我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目,总结为三个学习情境:小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1:

其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改,每个学期每个班可以不一样。

参考文献

[1]姜大源,职业教育学研究新论[M],北京:教育科学出版社,2007。

篇8

根据齐鲁网及山东传媒职业学院毕业生岗位调研结果,我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。

网页页面设计:主要应用Photoshop、Illustrator等图片处理和图形设计工具;

前端网页开发:主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;

后台动态网页开发:主要应用Mysql数据库、PHP动态页面开发工具等。

这些工作岗位要求学生熟悉整个网页设计和开发的工作流程,具备所需的基本知识和操作技能,同时还要有良好的职业道德和团队精神,以适应行业发展需求。为了进一步实现职业院校的人才培养目标,提高职业教育的教学质量,围绕实际的网页设计和开发的工作过程,对《网页综合实训》课程进行改革和开发。

二、课程设计原则和设计依据

设计原则:以学生为主体,提高学生的学习兴趣;以职业岗位任务为导向,组织教学内容;以职业岗位需求为依据,突出职业能力培养;以项目为载体,训练学生职业岗位能力和自学能力。

设计依据:本课程以真实完整的网站开发项目为载体设计教学过程,以网站技术人员的岗位工作任务为依据,设计相应教学工作任务,以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务,学生以小组为单位开展工作任务。

三、根据岗位能力要求和专业培养目标,确定课程培养目标

1.岗位能力目标

(1)网页页面设计:要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;

(2)前端网页开发:能将网页效果图重构为HTML网页、能为网页添加常用的js特效;

(3)后台动态网页开发:能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。

2.职业素质目标

完成具体工作项目,要求学生能自主学习和查阅资料。通过网络搜索资源,首先通过模仿然后举一反三,自主分析问题、解决问题;完成整个网站开发工作项目,要求学生具备良好的职业道德,能够团结协作共同完成工作任务,重在培养学生的团队合作能力和爱岗敬业精神。

四、根据工作流程,基于工作任务,设计学习情境

1.设计思路

网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发,即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程,本课程主要针对这一阶段设计开发一个实际的网站。

2.学习情境设计

遵循网站开发工作流程,以工作过程为导向,以项目为载体,把本课程设计成以下五大学习情境:(1)网站的整体规划设计;(2)网页设计与实现;(3)网页特效设计与实现;(4)网站后台数据库设计;(5)网站后台功能设计。

3.学习子情境设计

对应工作流程和能力目标,每一个情境又以工作任务为载体细分为若干个子情境,即学习任务。学习子情境要与整个项目的实际工作过程相结合,与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例,进行基于工作过程为导向的学习子情境设计与实施。

学习情境二:XX网页设计与实现

子情境设计及主要工作任务:

(1)网页版面设计:规划网页页面内容版块;绘制页面布局线框图;

(2)网页素材的搜索及制作:根据网站主题和风格,利用网络搜索,或利用工具软件制作网页素材;

(3)网页效果图设计与实现:利用ps完成网页设计psd效果图;

(4)HTML网页重构:根据psd网页设计图编写html网页代码。

4.考核评价设计

考核方法:本课程的考核包括平时过程考核和期末结果考核,两者各占一定比例。

考核对象:包括小组团队考核和个人表现考核,且侧重于团队的考核,着重培养学生的团队协作意识。过程考核除了考核团队协作以外,还要对学生个人表现情况进行考核,根据小组分工、工作量和完成质量等对每位学生进行考核。

推荐期刊
  • 学语文
    刊号:34-1036/H
    级别:省级期刊