网站的整体风格和创意设计

2024-03-02 01:18

本文主要是介绍网站的整体风格和创意设计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

[推荐][转帖]网站的整体风格和创意设计

  网站的整体风格及其创意设计是站长们最希望掌握,也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。当我们说:"这个站点很cool,很有个性!"那么,是什么让你觉得很cool呢?它到底和一般的网站有什么区别呢?本文试图用最简明的语言来说明:
  1.风格是什么,如何树立网站风格?
  2.创意是什么,如何产生创意?

  ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。
  这个“整体形象”包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。

  风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方式,能让浏览者明确分辨出这是你的网站独有摹@缤妆谥秸镜奶赜锌蚣?即使你只看到其中一页,也可以分辨出是哪个网站的。

  风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性,情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”,你可以用人的性格来比喻站点。

  有风格的网站与普通网站的区别在于:普通网站你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量大小,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识,比如站点有品位,和蔼可亲,是老师,是朋友。

  看了以上描述,你可能对风格是什么可能依然模糊。其实风格就是一句话:与众不同!

  如何树立网站风格呢?我们可以分这样几个步骤:

  第一,确信风格是建立在有价值内容之上的。一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的,无须置疑。

  第二,你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路:
  1.如果只用一句话来描述你的站点,应该是:_____________
  参考答案:
  有创意,专业,有(技术)实力,有美感,有冲击力
  2.想到你的站点,可以联想到的色彩是:________________
  参考答案:
  热情的红色,幻想的天兰色,聪明的金黄色
  3.想到你的站点,可以联想到的画面是:________________
  参考答案:
  一份早报,一辆法拉利跑车,人群拥挤的广场,杂货店
  4.如果网站是一个人,他拥有的个性是:________________
  参考答案:
  思想成熟的中年人,狂野奔放的牛仔,自信憨厚的创业者
  5.作为站长,你希望给人的印象是:____________________
  参考答案:
  敬业,认真投入,有深度,负责,纯真,直爽,淑女
  6.用一种动物来比喻,你的网站最象:__________________
  参考答案:
  猫(神秘高贵),鹰(目光锐利),兔子(聪明敏感),狮子(自信威信)
  7.浏览者觉得你和其他网站的不同是:__________________
  参考答案:
  可以信赖,信息最快,交流方便,
  8.浏览者和你交流合作的感受是:______________________
  参考答案:
  师生,同事,朋友,长幼。

  你可以自己先填写一份答案,然后让其他网友填写。比较后的结果会告诉你:你网站现在的差距,弱点及需要改进的地方。

  第三,在明确自己的网站印象后,开始努力建立和加强这种印象。
  经过第二步印象的的"量化"后,你需要进一步找出其中最有特色特点的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化,宣传。例如:再次审查网站名称,域名,栏目名称是否符合这种个性,是否易记。审查网站标准色彩是否容易联想到这种特色,是否能体现网站的性格等等。具体的做法,没有定式。我这里提供一些参考:

1.将你的标志logo,尽可能的出现在每个页面上。或者页眉,或者页脚,或则背景。
2.突出你的标准色彩。文字的链接色彩,图片的主色彩,背景色,边框等色彩尽量使用与标准色彩一致的色彩。
3.突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体。
4.想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特色是...
5.使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。
6.使用统一的图片处理效果。比如,阴影效果的方向,厚度,模糊度都必须一样。
7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点,可以使用,.。
☆※○◇□△→(区位码里自己参看)等等。虽然很简单的一个变化,却给人与众不同的感觉,(为什么我没有想到呢?)
8.用自己设计的花边,线条,点
9.展示你网站的荣誉和成功作品。
10.告诉网友关于你的真实的故事和想法。

  风格的形成不是一次定位的,你可以在实践中不断强化,调整,修饰,直到有一天,网友们写信告诉你:"我喜欢你的站点,因为它很有风格!"

  ● 创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师, 最苦恼的就是没有好的创意来源。

  注意,这里说的创意是指站点的整体创意,(因为这个创意而产生这个站点,或者相同的内容,推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。

  创意到底是什么,如何产生创意呢?

  创意是引人入胜,精彩万分,出奇不意的;
  创意是捕捉出来的点子,是创作出来的奇招....
  这些讲法都说出了创意的一些特点,实质上,

  ○创意是传达信息的一种特别方式。

  比如Webdesigner(网页设计师),我们将其中的E字母大写一下: wEbdEsigEr,感觉怎么样,这其实就是一种创意! 创意并不是天才者的灵感,而是思考的结果。根据美国广告学教授詹姆斯的研究,创意思考的过程分五阶段:

1.准备期--研究所搜集的资料,根据旧经验,启发新创意;
2.孵化期--将资料咀嚼消化,使意识自由发展,任意结合;
3.启示期--意识发展并结合,产生创意;
4.验证期--将产生的创意讨论修正;
5.形成期--设计制作网页,将创意具体化。

  ○创意是将现有的要素重新组合。
  比如,网络与电话结合,产生IP电话。从这一点上出发,任何人,包括你和我,都可以创造出不同凡响的创意。而且,资料越丰富,越容易产生创意。就好比万花筒,筒内的玻璃片越多,所呈现的图案越多。你如果有心可以发现,网络上的最多的创意来自与现实生活的结合(或者虚拟现实),例如在线书店,电子社区,在线拍卖。你是否想到了一种更好的创意呢?

  创意思考的途径最常用的是联想,这里提供了网站创意的25种联想线索:

1.把它颠倒 2.把它缩小 3.把颜色换一下 4.使它更长
5.使它闪动 6.把它放进音乐里 7.结合文字音乐图画 8.使它成为年轻的
9.使它重复 10.使它变成立体 11.参加竞赛 12.参加打赌
13.变更一部分 14.分裂它 15.使它罗曼蒂克 16.使它速度加快
17.增加香味 18.使它看起来流行 19.使它对称 20.将它向儿童诉求
21.价格更低 22.给它起个绰号 23.把它打包 24.免费提供
25.以上各项延伸组合

  需要一提的是:创意的目的是更好的宣传推广网站。如果创意很好,却对网站发展毫无意义,好比给奶牛穿高跟鞋,那么,我们宁可放弃这个创意!

这篇关于网站的整体风格和创意设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/764462

相关文章

nginx部署https网站的实现步骤(亲测)

《nginx部署https网站的实现步骤(亲测)》本文详细介绍了使用Nginx在保持与http服务兼容的情况下部署HTTPS,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录步骤 1:安装 Nginx步骤 2:获取 SSL 证书步骤 3:手动配置 Nginx步骤 4:测

mybatis的整体架构

mybatis的整体架构分为三层: 1.基础支持层 该层包括:数据源模块、事务管理模块、缓存模块、Binding模块、反射模块、类型转换模块、日志模块、资源加载模块、解析器模块 2.核心处理层 该层包括:配置解析、参数映射、SQL解析、SQL执行、结果集映射、插件 3.接口层 该层包括:SqlSession 基础支持层 该层保护mybatis的基础模块,它们为核心处理层提供了良好的支撑。

速盾高防cdn是怎么解决网站攻击的?

速盾高防CDN是一种基于云计算技术的网络安全解决方案,可以有效地保护网站免受各种网络攻击的威胁。它通过在全球多个节点部署服务器,将网站内容缓存到这些服务器上,并通过智能路由技术将用户的请求引导到最近的服务器上,以提供更快的访问速度和更好的网络性能。 速盾高防CDN主要采用以下几种方式来解决网站攻击: 分布式拒绝服务攻击(DDoS)防护:DDoS攻击是一种常见的网络攻击手段,攻击者通过向目标网

49个权威的网上学习资源网站

艺术与音乐 Dave Conservatoire — 一个完全免费的音乐学习网站,口号是“让每一个人都可以接受世界级的音乐教育”,有视频,有练习。 Drawspace — 如果你想学习绘画,或者提高自己的绘画技能,就来Drawspace吧。 Justin Guitar — 超过800节免费的吉他课程,有自己的app,还有电子书、DVD等实用内容。 数学,数据科学与工程 Codecad

BT天堂网站挂马事件后续:“大灰狼”远控木马分析及幕后真凶调查

9月初安全团队披露bt天堂网站挂马事件,该网站被利用IE神洞CVE-2014-6332挂马,如果用户没有打补丁或开启安全软件防护,电脑会自动下载执行大灰狼远控木马程序。 鉴于bt天堂电影下载网站访问量巨大,此次挂马事件受害者甚众,安全团队专门针对该木马进行严密监控,并对其幕后真凶进行了深入调查。 一、“大灰狼”的伪装 以下是10月30日一天内大灰狼远控的木马样本截图,可以看到该木马变种数量不

PHP抓取网站图片脚本

方法一: <?phpheader("Content-type:image/jpeg"); class download_image{function read_url($str) { $file=fopen($str,"r");$result = ''; while(!feof($file)) { $result.=fgets($file,9999); } fclose($file); re

使用WebP解决网站加载速度问题,这些细节你需要了解

说到网页的图片格式,大家最常想到的可能是JPEG、PNG,毕竟这些老牌格式陪伴我们这么多年。然而,近几年,有一个格式悄悄崭露头角,那就是WebP。很多人可能听说过,但到底它好在哪?你的网站或者项目是不是也应该用WebP呢?别着急,今天咱们就来好好聊聊WebP这个图片格式的前世今生,以及它值不值得你花时间去用。 为什么会有WebP? 你有没有遇到过这样的情况?网页加载特别慢,尤其是那

黑客为什么不黑赌博网站来搞米?

攻击了,只是你不知道而已! 同样,对方也不会通知你,告诉你他黑了赌博网站。 攻击赌博网站的不一定是正义的黑客,也可能是因赌博输钱而误入歧途的法外狂徒。之前看过一个警方破获的真实案件:28岁小伙因赌博无法提款自学成为黑客,攻击境外博彩网站日进万元,最终因涉嫌非法控制计算机信息系统罪被捕。 我见过很多因赌博输钱想请黑客帮忙渗透网站的人,在被拒后,同样也有人生出极端心理,问我怎么学习黑客,想学成之

提升PrestaShop外贸电商网站安全的几款行业必备工具

提升PrestaShop外贸电商网站安全的几款行业必备工具 PrestaShop发展历程 PrestaShop是一款优秀且强大的外贸开源电商软件,我们开始使用PrestaShop始于2009年,那时PrestaShop还是0.9版本:界面清新,性能强悍,扩展友好等特性,既没有Magento的笨重,也没有ZenCart的古老,更没有OpenCart的脆弱,因此PrestaShop如雨后春笋,迅速

【信创建设】信息系统信创建设整体技方案(word原件完整版)

信创,即“信息技术应用创新”。我国自主信息产业聚焦信息技术应用创新,旨在通过对IT硬件、软件等各个环节的重构,基于我国自有IT底层架构和标准,形成自有开放生态,从根本上解决本质安全问题,实现信息技术可掌控、可研究、可发展、可生产。信创发展是一项国家战略,也是当今形势下国家经济发展的新功能。信创产业发展已经成为各行各业数字化转型、提升产业链发展的关键。 软件全套资料部分文档清单: 工作安排任