网站的创意设计 (转)

网站的创意设计 (转)[@more@]● 创意( 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.以上各项延伸组合

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


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752019/viewspace-981187/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10752019/viewspace-981187/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是几个创意设计师个人网站模板的例子,供您参考: 1. 《Ava》 Ava是一个非常适合创意设计师的个人网站模板。它有一个简洁的布局,可以让您的作品集成为焦点。此外,它还具有响应式设计,因此您的网站将在各种设备上都能够很好地展示。 2. 《Hazel》 Hazel是一个非常适合创意设计师的个人网站模板。它有一个现代化的设计,可以让您的作品集成为焦点。此外,它还具有响应式设计,因此您的网站将在各种设备上都能够很好地展示。 3. 《Kreo》 Kreo是一个非常适合创意设计师的个人网站模板。它有一个干净的布局,可以让您的作品集成为焦点。此外,它还具有响应式设计,因此您的网站将在各种设备上都能够很好地展示。 ```HTML <!-- 以下是Ava模板的HTML代码示例 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ava - Personal Portfolio Template</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <div class="container"> <h1>Ava</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> </header> <section id="hero"> <div class="container"> <h2>Welcome to my portfolio</h2> <p>Check out my latest work below</p> <a href="#" class="btn">View Portfolio</a> </div> </section> <section id="about"> <div class="container"> <h2>About Me</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam eget varius ultricies, ipsum nibh bibendum nunc, vel lacinia velit augue vel velit. Sed euismod, diam eget varius ultricies, ipsum nibh bibendum nunc, vel lacinia velit augue vel velit.</p> <a href="#" class="btn">Learn More</a> </div> </section> <section id="portfolio"> <div class="container"> <h2>Portfolio</h2> <ul> <li> <a href="#"> <img src="img/portfolio-1.jpg" alt=""> <h3>Project 1</h3> </a> </li> <li> <a href="#"> <img src="img/portfolio-2.jpg" alt=""> <h3>Project 2</h3> </a> </li> <li> <a href="#"> <img src="img/portfolio-3.jpg" alt=""> <h3>Project 3</h3> </a> </li> <li> <a href="#"> <img src="img/portfolio-4.jpg" alt=""> <h3>Project 4</h3> </a> </li> </ul> </div> </section> <section id="contact"> <div class="container"> <h2>Contact Me</h2> <form action="#"> <input type="text" placeholder="Name"> <input type="email" placeholder="Email"> <textarea placeholder="Message"></textarea> <button type="submit">Send</button> </form> </div> </section> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值