当前位置: 首页 > 专利查询>沈文策专利>正文

一种网页模板风格设计的方法技术

技术编号:11117377 阅读:131 留言:0更新日期:2015-03-06 16:26
本发明专利技术提供一种网页模板风格设计的方法,所述方法包括不分先后顺序的以下步骤:对网页模板的网页外观本身进行设置,采用扁平化风格,使得网页模板风格简洁清晰;对网页外观进行浏览器第一屏显示的设置;对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果;对用户登录前和登陆后进行个性化设置,用户可人性化,自由的选择自己喜欢的皮肤进行设置。本发明专利技术能够增加用户对网站的好感度,从而树立良好的用户体验。

【技术实现步骤摘要】

本专利技术涉及计算机软件
,尤其涉及。
技术介绍
目前随着计算机技术的飞速发展,网页设计风格日趋多样化和个性化,新的观念、新的手法不断涌现出来。根据主题表现的需要,某些追求丰富视觉效果、采用大量图片文件的版面出现在我们的视野中,这些静态图片经过灵活剪裁、合理布局创造出各种新颖的形式。其中较引人注目的是网页模板外观的设计。这种设计打破单一方形外框的格局,形态生动,特色鲜明,它的出现,丰富了作品的视觉表现力,为网络世界增添了多彩的一笔,值得我们去深入研究与探讨。需要注意的是,这里讲的网页外观,空间上受限于浏览器,但造型上并不等同于浏览器的方框形,通过特殊设计,它可以拥有个性化的表现形式。现今,由于上网宽带的普及,碍于下载速度而严格控制图片数量与质量的情况有所改善。而另一方面,个人电脑屏幕的加宽与分辨率的提高,增大了版面的信息容纳量,页面内容不需要顶天立地式地占满整个屏的空间。因此,如何设计好网页模块的风格是提高用户使用率的关键。
技术实现思路
本专利技术要解决的技术问题,在于提供,能够增加用户对网站的好感度,从而树立良好的用户体验。 本专利技术是这样实现的:,所述方法包括不分先后顺序的以下步骤: 对网页模板的网页外观本身进行设置,采用扁平化风格,使得网页模板风格简洁清晰; 对网页外观进行浏览器第一屏显示的设置; 对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果; 对用户登录前和登陆后进行个性化设置,用户可人性化,自由的选择自己喜欢的皮肤进行设置。 进一步地,所述对网页模板的网页外观本身进行设置,具体为:网页外观形式进行多样化有赖于大量图片文件的构合,对网页模板中的文字信息进行减少,将图片作为网页外观的整体特征。 进一步地,所述对网页外观进行浏览器第一屏显示的设置,具体为:将网页中所有内容仅限于一单屏中,不出现滚动条的情况,且在长条形多屏显示的网页的页面中,形体变化丰富的部分集中在第一屏中展示。 进一步地,所述对用户登录前和登陆后进行个性化设置,具体为:当用户第一次登录时提供默认界面颜色,界面为默认推荐的颜色和底纹,用户能根据自身的喜好简略选择界面风格;不同的用户打开的是同一个产品,能打开符合自身预期的不同界面;用户在使用过程中同样能对个性化进行调整,调整包括:底纹、颜色、和自身调节分门别类;对个性化内容的选择、添加、删除、调节进行集中体现;用户能进行设置底纹操作,该底纹操作包括:用户能将获取的图片信息设成底纹,用户能在上网过程中将自己喜好的图片设为底纹,用户将当下外界流行的图片信息设成底纹,或者用户能将和自身生活有关的图片信息设置成底纹;所述图片信息包括:电影、人物、风景、纹样、自己、父母、恋人或者孩子图片。 本专利技术具有如下优点:第一,在外观设计方面:采用扁平化的风格,优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生,降低视觉和审美疲劳。区别于拟物化通过“物”的光影,突出特征给予用户信息,扁平化用卡片的形式通过简单配色和文字使用户可以更加轻松的获得信息,更加便利人机交互;审美上也会给用户更加清新的感觉。 第二,个性化设置方面:可以让容器承载任何的情感投入,情感足够多的供用户选择,使用户情感的投入足够简便,让用户的情感投入带来更多的期望产生依赖,有助于增加用户的黏性和页面浏览量。 第三,在用户体验方面:随着主流设计潮流的影响,页面改版设计更加人性化,简洁,明了,美观;一个好的网站,离不开完美的页面设计;在感官上满足用户,更漂亮的设计,能够增加用户对网站的信任度,从而树立良好的用户体验。 【附图说明】 图1为本专利技术方法流程示意图。 图2为本专利技术设计的一网页的结构示意图。 【具体实施方式】 请参阅图1和图2所示,本专利技术的,所述方法包括不分先后顺序的以下步骤: 对网页模板的网页外观本身进行设置,采用扁平化风格,使得网页模板风格简洁清晰;框架模块的区分明了,方便用户体验。 对网页外观进行浏览器第一屏显示的设置; 对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果;色彩搭配:颜色柔和搭配,颜色主要为纯色,不做渐变效果。 对用户登录前和登陆后进行个性化设置,用户可人性化,自由的选择自己喜欢的皮肤进行设置。 所述对网页模板的网页外观本身进行设置,具体为:网页外观本身不仅仅是装载内容的外壳,它可以一定程度地传达信息,表达意念。在技术条件允许下,形式的多样化有赖于大量图片文件的构合,文字信息相应地减少,图片作为传情达意的重要工具,其优点在于表达上的直截了当又生动鲜活。而外观的整体特征通常又是浏览者的第一着眼点,区别于传统的方面孔,力求从主题宣传出发,以个性化设计求得视觉上“开门见山”的传达效果。 所述对网页外观进行浏览器第一屏显示的设置,具体为:将网页中所有内容仅限于一单屏中,不出现滚动条的情况,且在长条形多屏显示的网页的页面中,形体变化丰富的部分集中在第一屏中展示。网页外观的造型有时本身就是特定的场景或有个体意义的形,如果主体形象过宽或过长,需要滑动滚动条才能看到全部的内容,整体性将被大打折扣,影响了视觉效果。这里除了页面所有内容仅限于单屏,不出现滚动条的情况外,还有另一种特殊形式,即长条形多屏显示的页面中,形体变化丰富的部分被集中在第一屏中展示出来。好的设计总是讲究节奏排布的,内容比较多的长页面不管可滚屏的空间有多大,也不可能在外轮廓上出现同等幅度且连续不断的造型变化,轻重缓急、疏密松紧总需要有度地安排。因此,在这设计第一屏内进行大力度的外形加工,以下的部分则边缘上相对地平整,变化减少。 对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果;毫无疑问,直线与弧线具有极强的表现力,弧线能给画面营造出活泼、轻松视觉效果,而直线则带来果断与敏锐的感觉。此外,不同的功能区块做成上下层叠的效果也是设计的一种有效的创作手法,这些区块在边缘处并不完全对齐而形成的错落,让原本单一的直线边缘变成折线的组合,同时,从中增加的边角位也正好可以放置饰线、图标、等小元素,于是,丰富效果就出来了。 所述对用户登录前和登陆后进行个性化设置,具体为:当用户第一次登录时提供默认界面颜色,界面为默认推荐的颜色和底纹,用户能根据自身的喜好简略选择界面风格;如此界面风格的习惯性和跨越性方能得到中和解决。不同的用户打开的是同一个产品,能打开符合自身预期的不同界面;用户在使用过程中同样能对个性化进行调整,调整包括:底纹、颜色、和自身调节分门别类;对个性化内容的选择、添加、删除、调节进行集中体现;用户能进行设置底纹操作,该底纹操作包括:用户能将获取的图片信息设成底纹,用户能在上网过程中将自己喜好的图片设为底纹,用户将当下外界流行的图片信息(包括电影、人物、风景、纹样)设成底纹,或者用户能将和自身生活有关的图片信息(自己、父母、恋人、孩子)设置成底纹;所述图片信息包括:电影、人物、风景、纹样、自己、父母、恋人或者孩子图片。同时底纹呈现的放大作用一定程度上降低了用户对个性皮肤的依赖,对设计来说能提高极大的效率。 另外,在题材适应方面,外观设计用于休闲、娱乐、自然、感情、财经等。以本文档来自技高网...
一种<a href="http://www.xjishu.com/zhuanli/55/201410665392.html" title="一种网页模板风格设计的方法原文来自X技术">网页模板风格设计的方法</a>

【技术保护点】
一种网页模板风格设计的方法,其特征在于:所述方法包括不分先后顺序的以下步骤:对网页模板的网页外观本身进行设置,采用扁平化风格,使得网页模板风格简洁清晰;对网页外观进行浏览器第一屏显示的设置;对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果;对用户登录前和登陆后进行个性化设置,用户可人性化,自由的选择自己喜欢的皮肤进行设置。

【技术特征摘要】
1.一种网页模板风格设计的方法,其特征在于:所述方法包括不分先后顺序的以下步骤: 对网页模板的网页外观本身进行设置,采用扁平化风格,使得网页模板风格简洁清晰; 对网页外观进行浏览器第一屏显示的设置; 对网页外观加强直线和弧线的运用,使网页模板的各功能区块形成上下层叠的效果;对用户登录前和登陆后进行个性化设置,用户可人性化,自由的选择自己喜欢的皮肤进行设置。2.根据权利要求1所述的一种网页模板风格设计的方法,其特征在于:所述对网页模板的网页外观本身进行设置,具体为:网页外观形式进行多样化有赖于大量图片文件的构合,对网页模板中的文字信息进行减少,将图片作为网页外观的整体特征。3.根据权利要求1所述的一种网页模板风格设计的方法,其特征在于:所述对网页外观进行浏览器第一屏显示的设置,具体为:将网页中所有内容仅限于一单屏中,不出现滚动条的情况,且在...

【专利技术属性】
技术研发人员:沈文策
申请(专利权)人:沈文策
类型:发明
国别省市:福建;35

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1