与设计有联系的论文
与设计有联系的论文
在市场经济高速发展的背景下,商品竞争日趋激烈,设计的经济效益日益受到重视,探析现代设计与经济的关系已成为当今的一大课题。下面是我为大家整理的有关设计与市场的关系论文,供大家参考。
在上世纪60年代,日本便提出了“设计立国”的 口号 。许多成功的企业家、学者、政治家都惊异于工业设计的巨大能量,并对工业设计师的生活和工作充满了无尽的向往。工业设计为何有如此魅力呢?这就涉及到了工业设计与产品、企业、市场的关系。产品、企业、市场三者的关系,很像技能、人与社会三者之间的关系。人需要在掌握了丰富而且全面的技能后,通过一定的机制利用技能去实现自身价值,创造社会价值,并使其得到社会和公众的认可,从而在社会中建立起自己的形象。市场就是一个商品化的社会,是一个以追求利润最大化为根本目的的社会。只有实现了最大的商业利润,才是成功的,才能建立起自己的形象,最终被社会所认可。企业要生存和发展,就需要合理地利用自身掌握的资源,在良好的 企业管理 机制下,创造出自己的核心产品,形成品牌形象并向社会推销自己的产品,使产品既为企业实现最大的利润,又创造出最大的社会效益。现在,工业设计由设计产品已发展到设计 企业 文化 并创造和引领市场的发展潮流。因此,在目前全球经济萧条和我国产业结构面临重组的形势下,企业更好地理解工业设计与产品、企业、市场的关系是非常必要的。
一、工业设计与产品
我们看到市场的潮起潮落,更看到许多企业在市场风浪中沉浮。有些企业销声匿迹了,有些企业发展壮大了。其中的奥秘是什么?是因为企业根据动态环境以及长远的目标,真正弄懂了什么是具有自主知识产权的核心产品, 如何才能创造出自己独特的核心产品,如何使核心产品实现企业价值。这是我国所有企业应该正视的一个重大问题。
市场竞争决定了任何企业只能不断地努力,不断地创新,否则就会被其他竞争者所取代。现在意义上的产品创新是全方位的,不再局限在技术创新、形象创新层面上,而是进入了标准创新的时代。谁掌握了设计标准,谁就掌握了市场,掌握了主动权,缺乏创新者将永远处于竞争的底层。从产品的产生到衰落的发展过程来看,在一类产品的诞生的初期主要是技术标准的竞争。技术标准竞争开拓,并占领市场形成普遍的消费心理。在产品成长期和饱和期阶段,主要是在使用舒适度、外观、售后服务、生产成本等方面的竞争,在商品过剩的情况下,消费者对产品的需要越来越细致。简易的包装,粗糙的外形,将无法吸引到消费者的目光。今天,商品价值中除了材料成本、人工费用、设备折旧、运输费用及 广告 宣传等有形的“硬”价值外,还包括技术的新颖性、实用性、产品整体的优良设计、售后服务及产品文化内涵等无形的“软”价值。随着消费观念的更新和市场的不断发展,软价值在商品价值中所占的比重将越来越大。同样的产品、同样的功能、同样的制造成本,由于设计的差异可能使售价相差几倍。因此,搞好产品的设计对企业具有重要的现实意义。
工业设计发展的原动力在于人们对和谐(技术、文化、形象、人因、成本等各方面的不懈追求。这种追求是自发的,与生俱来的。正是这种对和谐的向往与追求,成为推动社会经济发展的强大动力。在人类历史上,工业设计是高新技术与日常生活的桥梁,是企业与消费者联系的纽带。在全球化经济日益激烈的竞争中,工业设计正在成为企业经营的重要资源。
二、工业设计与企业
市场因素是引发创新的主要因素(60%~80%),其余则是新的科学技术进展和机会所引起的。现在的市场与过去大不一样了。变化加快了,消费者的消费行为变得越来越难以捉摸。过去单纯靠设计师个人品位进行设计的 方法 已经一去不复返了。现在设计已经进入了团队创新的时代。团队作业是一个观念因素,涉及到企业经营和产业竞争的方方面面,是产生持续创新流的组织原因。企业各职能部门间实现一体化连接,将企业资源实现最优化配置。设计管理的出发点是提高产品开发的系统效率,设计管理既是设计的需要,也是管理的需要。管理原本就是一种文化,它既源于文化又创造文化。管理研究如何对各个层次进行整合,协调设计所需的资源和活动,并对一系列设计策略与设计活动进行管理,寻求最合适的解决方法,已达成企业的目标和创造出有效的产品(或沟通)。这种机制包括生产的管理、产品创新的管理、销售的管理、财物的管理等一系列管理机制。
设计与企业管理的结合是设计发展的必然趋势,要获得好的产品设计不仅是一项设计工作,也是一项管理工作。在设计过程中,设计师的专业技能固然重要,但在企业内部设计管理的技能同样重要。通过有效的管理,才能保证企业设计资源充分发挥效率并与企业的发展目标保持一致。设计管理的关键是企业各部门间设计的协调一致。由于企业的特点千差万别,设计管理的组织结构也各不相同。但总体而言,设计管理的组织结构应该是自上而下的,如果决策部门有人全权负责设计管理,统一协调企业各方面的设计活动,混乱的局面就不会发生。这就意味着在决策部门中至少有一位对设计有浓厚兴趣,并有一定专业水平的人士负责企业的设计工作。他在企业的高层代表设计,决定设计如何将 企业战略 转换为视觉形象。为了在实践中管理设计,企业还需要在各部门建立起一系列的设计管理工作小组,构成日常的设计管理网络,将设计管理的概念落实到企业的各个环节。这种网络保证了各部门之间最大限度地交流和直截了当联系的机制,从而避免互不通气和扯皮带来的麻烦和低效。
三、工业设计与市场
市场是连接生产与消费的纽带,它决定企业进行的是否是恰当的和有价值的生产。市场的微观环境由企业、供应者、营销人员、顾客、竞争者和公众所构成,这些因素同企业 市场营销 活动有着密切的联系,是企业内在的动力源,是企业发展的基本条件。宏观环境是指市场的系统风险,由经济环境、政治环境、社会文化环境等构成,是影响企业微观环境中所有行为者的大型社会力量。构成大型社会力量的各因素相互独立又相互作用,对于企业既是威胁又是机会。企业只有进行 市场调查 、市场预测,充分了解和认识市场,再对市场进行分析研究,实现并利用好市场的交换功能、价值实现功能、供给功能、反馈功能、调节功能、服务功能,企业才能在激烈的市场竞争中生存。
随着工业设计的发展,企业正在由被动市场细分转变到主动细分市场。市场细分的目的是从分割开的市场内,辨认企业营销的目标市场,为自己的产品在目标市场上的“定位”,并以此实施恰当的营销策略,实现企业自身的价值。在生产力不太发达的时期,人们的需求只是为了满足最基本的生理需求,人们只重视商品的实用性,而对商品的结构合理性、外观的新颖性要求不高。再加上企业的生产能力有限,只要满足了人们的需求,就能赚取高额的利润。因此,企业对于产品的设计也仅停留在较原始的层面。随着社会的进步和生活水平的提高,人们需求产品的层次也随之提升,再加上竞争的加剧,迫使企业重视和改进产品的设计,工业设计也由此开始在企业内蓬勃发展起来。由于设计能给企业带来的巨额利润,企业开始主动地进行产品研发与设计,从而引导消费的趋向。产品设计的个性化,使其更具有针对性地面向特定的受众,这便是真正意义上的细分市场。也正是由于工业设计的介入,使我们生活的世界更加丰富多彩,使我们有了更广阔的生活空间。工业设计在市场细分的过程中,起了决定性的作用。设计使企业适应市场,更使企业主动地去创造和引领市场。
四、结论
在当今全球经济面临困境的背景下,我国的企业界也经历着一场严峻的考验。那些没有自己的设计和自主品牌的企业必将在这场无情的竞赛中败下阵来,设计的重要性再一次显现出来。因此,我们的企业要树立起以工业设计为根本的管理新机制,对待产品、企业、市场要三位一体、统筹兼顾。要在重视技术、管理、营销等方面人才的基础上,充分发挥工业设计师的主导作用。工业设计是企业一付强有力的粘合剂,它将产品、企业、市场更协调、更紧密地联系起来,为社会创造技术性能优良、使用方式合理、外观新颖、成本低廉且文化底蕴深厚的产品,为企业带来最丰厚的商业利润,并使市场更加繁荣和规范。
参考文献:
[1]李亦文:产品设计原理.北京:化学工业出版社,2003
[2]张同:产品系统设计.上海:上海人民美术出版社,2004
[3]刘瑞芬:设计程序与设计管理.北京:清华大学出版社,2006
摘 要:在商业空间设计中,往往要求体现出不同风格的商业产品特色,具有特殊的具体设计要求。商业空间设计时往往涉及到一些基本的室内设计方法技巧以及设计师设计的独特的功能与商场特色。随着经济社会的快速发展,现代商业空间设计不仅仅要实现商场的基本功能,还要能够与市场需求导向相结合。本文主要研究分析了商业空间设计与商业经济,商业空间设计与市场需求导向的关系。
关键词:商业空间设计 市场导向 关系 经济价值
一、引言
商城是人们进行购物消费、商品流通等活动的空间,商业空间承担着给人们传递商业信息、实现商品流通的作用,随着商业经济的发展,商业空间也在不断地完善。现代文化与知识经济的快速发展使现代商业空间设计师也逐步改变自己的设计理念,在这些理念的驱动下,现代商业空间逐步呈现出不同的特点,越来越变得多元化、越来越科技化,在商业空间设计中越来越体现出人性化的特点。再加上人们的生活水平提高,市场经济商品的多元化,人们以往简单的购物行为正逐步向休闲娱乐的消费方式转变。商业空间也越来越成为人们休闲娱乐、周末假日首选的场所。因此,在作为公共活动场所的商业空间的环境、空间设计中,更应该注重以人们的需求为导向,以市场需求为导向,设计出符合人们心理生理需求的创新元素。
只有在进行商业空间设计时以市场需求为导向,设计者同样要以消费者为主导,进行人性化的设计,才能够使得企业树立自己的特色、进一步拓宽产品市场。现代商业空间的最佳设计目标是使得商业空间环境与人们的心理需求相符合,使人们在这种空间环境中购物消费时感受到舒适愉快。商业空间设计要能够在满足基本实用需求的基础上,创造出更多的市场经济价值。
二、商业空间设计要素
学术界对商业空间的定义主要有广义和狭义两种,广义的商业空间是指所有与商业经济活动有关的空间形态。狭义的则认为商业空间是现代社会商业活动所需要的物理空间,是一个用于交换商品、实现商品流通以满足人们消费需求的空间环境。狭义的商业空间不仅仅是指商场,还指博物馆、展览场所、商业步行街、宾馆酒楼、美容会所、网吧游戏厅等等。不难发现,随着市场经济的发展,商业空间越来越成为人类活动环境中最为复杂的一种。
设计师在进行商业空间设计时往往要考虑到以下几种设计要素:在商业空间设计时,最重要的一点是设计创意,它也是设计的灵魂所在,也是设计师的创意所在。第二点就是商业空间的功能及布局,一个商业空间的布局必须要体现出经营战略,这样合理科学的空间布局才能够实现经济最大化;其次就是商业空间中的动线安排,设计师必须在设计过程中摸准商场的重要产品与人们的消费习惯,安排好动线,从而实现引导人们消费。第四点,设计师在设计时要能够做好空间的组合排列,切忌杂乱无序,要给人以整洁的视觉效果。第五点,在设计橱窗陈列展示时,要能够通过特定的产品来吸引公众前来消费。最后,设计师要能够设计出独特的广告标志,这能够直接发挥商业广告的营销作用,从而引导消费。
三、以市场需求为导向的商业空间设计
所谓的商业空间设计,实际上就是设计师对商业空间进行详细分析的基础上做出规划。具体来说就是设计师围绕商业经济活动规律,对空间环境、室内外装饰、建筑外观、橱窗展示、空间结构等等方面进行设计。由于商业空间是一个市场经济活动的场所,市场经济发展过程中主要以市场需求为导向。商业经营活动是建立在市场分析、预测分析等基础之上的,只有这样才能够推动经济的发展。市场导向就是企业以市场经济需求为中心来安排生产经营活动的营销观念,以满足消费者需求为目标,扩大销售获得利润最大化。商业空间设计必须以市场需求为设计的出发点。作为商业活动载体的商业空间,在设计方面也应该以市场需求为导向,以满足消费者的心理、生理需求为目的进行设计创新,只有这样才能够设计出优秀的作品。在日常的商业空间设计中,我们经常可以看到一些以市场需求为导向的商业空间设计。
以市场需求为导向的商业空间设计中最为经典的一个案例就是宜家。宜家的卖场规划、卖场布局与商场选址都极具特色,宜家在商场空间设计方面都充分体现出其营销理念。例如在选址方面,宜家除了在繁华地段开设自己的商场,还反其道而行之在郊区开设了卖场。这种经营方式使得宜家获得了更多的顾客。在空间设计方面,宜家更加凸显出了其特点:自由、随意、家的感觉。
宜家在橱窗展示方面设计得别具一格,它与传统的橱窗、柜台展示不同,宜家采用开放式的展示模式。展区布置方面就像一个家的感觉,有客厅、餐厅、书房与卧室。这种布局顺序完全按照消费者的活动路线来设置的,每一个部分都能让消费者体会到家的温馨。而且为了让自己的产品更具竞争力,宜家的展示区经常变换摆放位置与风格,给消费者以耳目一新的感觉。展示区根据不同的功能区划分成许多小隔间,每个隔间都有不同的装饰风格,供消费者参考,让消费者找到与自己的家庭装饰风格相接近的展示区,购买产品时也会更加放心,没有任何担忧。
宜家的样板间设计也较为特殊。为了满足消费者的消费需求与心理需求,解决消费者在购物时的一些影响因素,例如有的消费者担心买家具回去后与居室的风格不协调,有的消费者不清楚产品的实用功能而放弃消费等等。宜家的样板间设计解决了这一问题。宜家的样本间每间都有不同的风格,将各种配套的家具有机地组合到一起,并且加入了灯光效果,让消费者充分了解家具的作用与风格。在一些重要的节假日,宜家还推出一系列具有节日主体的样板间,让商场充满了节日气息与人情味,这种设计可以让消费者体会到产品的内涵,增加销售额。
宜家的商场布局完全考虑到了消费者的各种消费心理。宜家的商场布局合理整洁,能够让那些有具体消费目标的消费者直接找到自己想要的商品,能够将消费者引导到应去的展示区。对于那些已经确定了消费目的但仍有 其它 需求的消费者,宜家的客厅—餐厅—书房—卧室的动线安排也能够使消费者在购买到所需的商品后浏览其余的产品,从而增加一些计划外的产品购入。对于那些毫无目标、行动不规则的消费者来说,宜家完全满足了他们猎奇的心理需求,在整个购物闲逛的过程中,这类消费者也往往能够被一些奇特新颖的产品所吸引眼光,从而产生消费欲望。
从宜家这个经典案例分析中,我们可以得出结论,只有在商业空间设计时充分考虑到消费者的消费心理、消费习惯、消费规律,以消费者的需求为导向,以市场需求为导向才能够设计出优秀的作品,才能够实现商业经济的最大利润,才能够为商场带来更多的顾客与消费。随着商业经济的发展,商业竞争的加剧,这就需要设计师不断更新自己的设计观念,充分以消费者的需求为出发点,不断创新不断发展。
四、结语
商业空间作为重要的公共活动场所,其独特的空间环境复杂性与元素的综合性,使得设计师不断更新自己的设计理念,在设计时不仅仅要考虑到建筑物的外观规划、室内空间布局、景观布置、空间设计艺术等等基础性方面的内容,还要能够研究与消费者相关的心理学、人类工程学和消费者行为导向相关的内容,设计师要能够从中发现商业空间与公众之间的关系,要能够摸索出消费者的需求,从中 总结 出一些行为规律。只有在掌握了这些之后,以市场需求为设计导向,设计师才能够设计出满足公众心理需求的商业空间,才能够创造出商业价值的最大经济潜力。
参考文献:
[1]吴艳.现代商业空间设计中的可持续发展理念.门窗.2012,08
[2]姚丹丽.浅谈商业空间基本设计要素.安徽文学(下半月).2010,03
[3]杨颖.商业空间情感化设计与创造.轻工科技.2013,05
设计与市场的关系论文相关 文章 :
1. 论中国式市场营销关系的论文
2. 有关广告与市场营销的关系论文
3. 关于市场营销的毕业论文范文
4. 有关市场供求关系论文
5. 2016市场营销毕业论文
有关网页设计与制作毕业论文范文
为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文内容
当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了HTML5和CSS3的使用 方法 ,但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程,即原型。
1两个关键概念:响应式网页设计与原型
响应式网页设计(RWD,Responsive网页Design)是一种网页前端开发技术,它可以描述为,“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype),也叫“原样”,是“模拟科学”中的一个术语。在心理科学中,由于很难对动作或心智活动认识清楚,所以一般沿用J•R•安德森的观点,把原型(Prototype)视为关于范畴的最典型的样例设想,即把“原型”视为外化的实践模式,或“物质化”了的心智活动方式或操作活动程序。综合上述,响应式网页设计原型可描述为:符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的,外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法,它包含三个步骤:
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中,功能分析的重点是作用的对象,条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验,这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为,响应式网页设计应该首先针对小屏幕进行设计,然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法,对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术,能够较熟练的完成固定宽度桌面端网页的新手而言,恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页,响应式网页设计如果从固定宽度的大屏幕网页制作开始,然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为,“要想高效的完成某响应式网页设计项目,首先需要项目分析,其阶段性结果是响应式网页的总体方案,即在用户群体需求分析及主题解读的基础上,进行色彩分析及定位,确定UI版面布局,分析设计网页功能模块,确定网页风格等,最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后,根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析,依据页面设计原则,利用photoshop绘制适用于各类终端显示的平面效果图;随后,利用“HTML5+Css3”技术采用
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异,熟手利用HTML5+CSS3制作桌面版网页制作时,一般会在样式文件(扩展名.css)中给出如下初始化代码:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸,将最外层的布局
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是:在
标签的初始化代码中,如果有font-size:16px;语句,那么在给其他元素的font-size属性上修改值时,公式中的“上下文元素宽度”就等于16px,例如,#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。(4)为了实现弹性图片,让图片随视口缩放,图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width属性是用于确保缩放时不会超出图片最大尺寸。同时,熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端,提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如,某个响应式页面用电脑浏览页面时,页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时,导航按钮会相继隐藏起来,部分信息变成左右滑动的方式呈现,页面会重新布局,图片相应缩小。媒介查询的语法格式是,例如:设定宽度不超过400像素的屏幕尺寸,代码是: 4结束语 对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。 摘 要:版式设计可以说是界面设计的基础部分,网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面,版式设计扮演十分重要的角色,优秀的版式设计可以给浏览者留下深刻的印象,提高页面的访问量。因此,本文将向诸位读者介绍在CDIO工程 教育 模式下,网页设计课程中采用项目为指导的教学实践过程中注意的事项。 关键词:网页设计;版式设计 CDIO教育模式;项目教学 近年来随着经济的高速发展,科技的日新月异,教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心,此时,欧美成熟的工程教育理念慢慢地进入我们的视野之中,CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行),符合工程人才的培养,提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。 网页设计这门课程属于交叉学科范畴,兼顾艺术设计、计算机技术及交互设计等多门学科。另外,这门课程作为艺术与技术的结合体,要求学生具备较强实践动手能力与综合运用能力,因而在教学过程中我们依据CDIO的工程教育理念开展教学。 本文重点谈到的是网页设计中的版式设计过程,网页中的版式设计起到信息统一、分割区域和交互导引的作用,是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间,根据设计的形式法则,利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例,以网页设计中的版式设计为内容,展示教学过程中的各个设计阶段。 1 构思阶段 (1)确立目标。 网页设计不是盲目的行为,不是简单使用软件的行为,它是构思由确立到实现的过程,是一种展示到体会的过程。因此,在设计之初,教师需要引导学生了解当前的课题,明确网站要做什么,网站的外观布局是什么样子,网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等,每种类型的网站都有自己需要传播的信息,根据所需文字与图片选择适合的排版方式,进而营造恰当的氛围。在“xx艺术系网站”项目中,学生会根据实际项目类型,理解项目设计目标为,该学院所属系部信息服务类网站,界面版式方面要求简洁大方,色彩明快,塑造清新、愉悦的氛围,学生可以根据以上内容展开进一步的设计工作。 (2)信息整理。 项目开展前期根据对项目的简单分析,要求学生对客户或相关人士展开访谈,对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方,在本项目中可以设定为系内行政人员、教师及系内学生,根据访谈或调研可以得到网站相关设计信息,如对整体风格的需求,导航的设计需求,网站类型为静态网站或动态网站,根据需求结果,要求学生设计多样的版式效果,以供客户参考。 (3)交互设计。 我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置,这样更引发人们的视觉关注中心,因而,在进行版式设计时,需要考虑这些交互元素的设置,友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计,排放位置等因素;导航条的设置应在醒目位置,清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索,放置在易发现的位置,搜索一般出现在网页右上角;表单设计是学生所忽略的环节,因为可以使用插件添加,导致学生认为无须设计,在此建议信息表单设计时可考虑细节设计,提高友好度与舒适度等交互设计。 2 设计阶段 版式设计是网页设计中重要的设计引导规划环节,在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。 (1)版式结构设计。 网页设计中的版式设计与传统媒介中的版式设计略有不同,前提是他们都遵循版式设计五原则,[1]内容与形式,简洁与简约,设计与艺术,趣味与独特,局部与整体。为了设计富有形式法则和艺术美感的网页作品,版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法,将视窗可用区域分成两个部分,也可以根据设计比例需求,将数字录入到相关计算网站,得出合适的黄金比例分配方案。三分法构图排版方式,是将排版界面分成三份,根据内容的不同,选择不同的三分法排列位置。 网页设计中由于要考虑显示器视窗显示水平不同,我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式,而非固定格式的版面设计是变化的,这种变化的版式很难把握的,变化的视窗将改变既定的字体形式和图形排列位置,这个课题也是我们今后要深入探讨的方向。 (2)字体、图像、色彩设计。 版式设计是界面设计的骨架,字体设计是界面设计的血肉,富媒体技术的全面发展,网站这一综合载体也得到了极大的发展,版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体,字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体,字号为12pt/14pt的文字展示,另外也会有些超大字体以图像的形态出现,并通过视觉效果的调整,创建三维空间的视觉展示效果。图形化的艺术字体,在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性,中国元素的运用,如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注,中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题,响应设计氛围,为整体版式服务。 (3)视频展示设计。 网页界面排版中还需考虑一种新兴的展示手段,视频信息展示,页面中利用大量的视频信息排版,减少文字、图片信息的输入,信息传达方式由静态转换为动态,提供有趣而新颖的排版展示方式。 3 技术实施 (1)界面版式视觉设计。 网页设计中对静态界面的布局,我们通常会使用Photoshop和Illustrator图像处理软件开展设计,首先我们会根据 思维导图 绘制基础模板,然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。 (2)交互功能视觉设计。 在网页设计中我们会考虑将静态样稿转换为简单的静态网页,这种转换我们会使用Dreamweaver软件进行操作,由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。 4 运行阶段 将确定好的静态草稿通过切图生成为静态网站,测试效果及功能,当运行时根据需要和视觉效果进行调整直到理想状态。 5 小结 网页设计课程将实际项目导入课堂,根据CDIO工程教育模式教学,打造有效、有趣、实用的教学方式,使学生在学习操作中锻炼宏观思考的能力,获得团队合作的能力,养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用,达到理论与实践相结合,通过对版面的全面掌控,更好地为静态网页设计打下坚实的基础。 参考文献: [1] 沈卓娅,王汀.字体与版式设计实训[M].中国出版集团东方出版中心,2011:74. 1. 网站设计毕业论文范文 2. 网站类毕业设计论文 3. 浅谈广告设计毕业论文范文 4. 关于网络工程毕业论文范文 5. 关于计算机毕业论文范文大全 6. 计算机毕业论文范文大全
上一篇:北大核心期刊是中a吗
下一篇:武汉重要核心期刊目录