创意网页设计

网站首页，即主页、起始页，也就是打开网站后看到的第一个页面。网站的首页就好像人的脸部一样，给人的是第一印象，也称网上第一视觉效应，它的设计直接关乎了整个网站的风格以及整体效果，这就要求网站首页设计时要新颖，而且要标新立异。那么如何去设计一个网站首页呢？华飞科技网建部根据多年经验分享给广大客户： 网站首页在网站制作的开端，把握首页设计风格以及首页大体轮廓是网页设计师应该特别注重的地方。网站首页设计在于网页风格定位，资料图片选取，文字表达样式，以及相关的代码描述等等，对于这几个方面，我们华飞科技的网页设计师深有体会，在和客户沟通完毕定稿方案后，我们将会对网站建设策划方案进行分析研究，然后制定出设计流程，搜集资料和资料归类分析后形成一种具有网站CI标识的系统手册，根据这个系统手册，设计师把握网页风格，编辑文字描述等，这样有利于形成具有统一风格的网站首页样式，更显现层次感和页面视觉动态感。在网站首页的设计过程中，我们要求要精益求精，务必做到规范，新奇。 在对网站首页的设计，给网页设计师提出了一个很高的设计要求，那就是如何去形成一种系统的设计理念，更能把这种设计理念真正的融入到网站中去。这不仅仅体现出一种网页设计的艺术美，更加展现出设计师的灵感创意，因而网站首页的设计关乎网站后期的制作，是网站制作中的重要环节，网页设计师一定要形成一种规范。 这个要是还不太明白的话 你可以登录 www.huafi.com 进行查看

网页设计初学者应该以下面几个步骤一次学习，便可以成为一个普通的设计者：(1)先学美工：学习PHOTOSHOP，学习这个的目的是做网页的效果图，并且懂得将整个效果图切割，放入网页。(2)学习DREAMVER这款软件的基础知识，特别是HTML语言。(3)通过以上学习，会做html静态网页后，就应该懂得下一步怎么学。(4)以后会接触到，数据库，FLASH，网页脚本，服务器知识等很多方面。

如果你在正规的公司就明白区别了。一个原创网站的开发需要经过可行性调研-策划-原创设计-切图-程序、JS等开发嵌套-调试等多个步骤。设计师的工作主要是负责策划和设计,其中策划包括需要哪些栏目,布局排版还有各个模块表现形式,（比如新闻是图片配文字的模式还是列表模式等等）然后就是各个页面之间的关联逻辑性。设计就是把这些东西设计出来,需要flash还需要制作一下对应的flash。美工带一个美字可不表示他的美术功底很深,对于要求比较低的网站设计美工可以应付,比如素材拼凑和psd模板修改等等,但是美工还需要懂一些js嵌套和丰富的切图知识。正规的开发公司都是设计师做好设计图后交给美工转化成html页面然后再发给程序员。只不过国内绝大多数网站开发公司都是半吊子胡闹美工和设计师根本区分不了。简单的说如果开发一个专业的原创网站,必须用设计师,如果只是一般应付的网站美工就可以应付了

李永铨香港李永铨设计公司 　　李永铨先生设计事务所必然从一出生便无可避免的将带入他个人的许多特性 　　也许与李永铨先生的经历有关，整个事务所充满了他所注入的灵魂 　　从李永铨先生的作品和言谈中，似乎真正的人生快乐感更重要 　　因此在李永铨设计事务所的设计作品中，总能看到既商业又独特的元素　　靳埭强与刘小康 　香港靳与刘设计顾问 　　靳埭强与刘小康，相信这两个名字无论是行内行外的人们都再熟悉不过了 　　可以说是香港设计界最早的代表人物之一　　并且由于靳埭强似乎热衷于教导和培养年轻一代设计师 　　所以在内地设计大专院校以及年轻设计师中也是倍受尊敬 　　解建军　北京东道设计公司 　　东道设计是国内成功的商业设计公司之一 　　他们完善的公司运作体系以及严谨的商业设计作风是非常明显的　　戴帆　北京共振设计公司 　　共振设计是国内最具创新精神的设计公司，敢想敢做 　　代表着当今国际前卫的设计思想 　　共振创造了一种新的国际化的的商业设计语言 　　是为数不多能把商业项目和创意很好的融合在一起的设计公司　 　　魏来　北京早晨设计顾问有限公司　　早晨设计已经成长为中国设计行业最令人感到兴奋的公司之一 　　早晨设计的创始人魏来先生，近年来不仅仅只是倾心于业务的拓展和延伸 　　而将的时间用于创意产业发展的研究 　　以及创意设计企业经营理念的研究和行业人才的培养上面 　　早晨设计创造的一套成功的发展模式,为设计行业的发展提供了新的思路 　　柯力　上海柯力品牌规划设计机构 　　柯力品牌无疑是上海商业品牌形象设计公司中的最具代表的公司之一 　　他们在商业设计领域运营得十分成熟。拥有四家联合机构同时也采纳了商业合伙制度 　　使公司的力量强大，视野国际化且作品老练成熟 　　陈飞波　杭州陈飞波设计事务所　　陈飞波设计事务所的作品如同苏州园林般的精致使人遐想连篇 　　事务所的作品无一不带着陈飞波先生的奇思妙想，错落有致且儒雅大方 　　集和　 广州集和品牌设计顾问　　集和创立了属于他们自己的运营模式，达到了他们所崇尚的那种“积聚力量，和而不同”的理念 　 　　也因此影响了很大一批敬业的设计师 　　韩家英　　深圳韩家英设计公司 　　 　　1993年，韩家英设计公司成立。十几年，在艺术与商业领域里 　　从品牌、平面、广告、空间、再到产品设计思维的新动向 　　黑一烊　深圳山河水品牌形象管理机构 　　山河水团队是目前中国创意领域最具活力及远见的团队

简洁，不等于简单。这与弹琴是一个道理，你也许有能力弹得很快，但你并不需要在所有地方都弹得这么快。在很多时候，让速度慢下来反而比弹得飞快要来的更加困难。实际上，味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格;我发现自己在很大程度上就是一Dummy System来着。简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中，我们首先将对这类风格当中的那些最具代表性的组成要素进行分析，随后，我(英文原文作者)还会向各位分享一些工作中的实战技巧。简洁风格的创意组成要素　　固定宽度的页面布局结构　　花时间观察一些简洁风格的网站，你会发现它们当中的绝大多数都有用到经过良好规划的网格布局系统。如果哪位朋友对网格布局还不大了解的话，可以设想一下，在着手进行实际的视觉设计工作之前，使用辅助线将页面划分为若干等宽的列，通过这种方式对页面结构及元素的布局进行更精准的规划。网格布局可以使设计方案当中的信息结构更加清晰，在视觉上具有强烈的节奏感与一致性。　　固定宽度的网格布局结构可以为页面带来秩序与效率。举个例子，虽然Creative Review当中的页面布局会根据内容类型的不同而有所区别，但我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。　　对于在线杂志或报纸一类需要呈现大量内容的网站来说，要打造简洁的页面设计方案则更加困难。不过英国的卫报(The Guardian)以及一些同类型的在线报纸站点倒是向我们展示了通过固定宽度的网格布局实现简洁设计方案的可行性：　　如果不使用固定宽度的布局方式来组织这些内容，几乎可以说，首页将会乱的一塌糊涂。然而，在网格布局的帮助下，模块之间的留白及层次关系都相当清晰，整个内容结构的健壮性得到了提升。　　下面两篇文章(英文)可以帮助你更好的理解与实践网格布局的概念：　　● A Brief Look at Grid-Based Layouts in Web Design　　● The 960 Grid System Made Easy　　也不是什么新概念了，国产好文章也蛮多，有欲求的同学可自行觅食——译者C7210注。　　良好的文字排印　　良好的文字排印方案往往可以对简洁风格的页面设计起到事半功倍的推进作用。　　对字体数量的限制是这其中的一个关键因素。如果在同一套设计方案当中运用了过多的字体，它们彼此之间就会产生视觉上的竞争与冲突，这无疑会使页面变得凌乱不堪，用户的阅读连贯性也会受到极大的破坏。　　看看那些设计优秀的网站，你会发现它们通常只会用到一到两种字体，并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。　　这两个站点用到的字体都不超过两种，但它们的设计方案都比较充分地利用了字体各方面的属性特质，使得整个页面当中的信息层次非常鲜明。　　除了字体以外，行间距(line-height)也是文字排印方案当中的一个关键性因素。使行与行之间保持足够的空间，文字段落就能变得更加易读，当用户阅读到一行文字的末尾时，也可以很轻松的将目光转向下一行开头的位置。我们可以在样式表当中通过line-height属性对行间距进行调整。　　此外，对于每一行当中的文字来说，字间距(letter-spacing)也是我们需要考虑到的细节问题。合理的字间距可以为文字带来更好的呼吸感。　　关于文字排印，也有些不错的文章(英文)推荐一看：　　● A Basic Look at Typography in Web Design　　● CSS Typography: The Basics　　● CSS Typography: Techniques and Best Practices　　● CSS Typography: Examples and Tools　　简化的配色方案　　在印刷领域，设计方案所用到的颜色数量通常会受到各种现实问题的限制，譬如项目的预算只允许设计师使用两种颜色来设计海报。类似这样的情况是很常见的，设计师们时常会因为这些局限而感到相当的闹不住。　　而Web设计领域当中却不存在这类问题，如今，多数显示设备所支持的颜色数量都庞大的不亦乐乎。从技术上讲，我们可以随心所欲地打造各种花里胡哨五彩缤纷的设计方案，然而这样的实践方式显然会与简洁至上的设计目标背道而驰。很多经典的案例当中只会用到两种颜色， 即某个明度的灰色外加一种有彩色。其中的有彩色会用在最为关键的页面元素上，例如重要的链接或页头当中的交互对象。从某种角度来说这种极简的配色方案具有一石二鸟的作用，一方面，它无疑会对简洁视觉风格的构建起到至关重要的作用，同时，这类方案还能有效的提高页面元素之间的对比度，使那些重要元素得到最大程度的突出。　　另外一些成功的简洁设计方案当中，虽然用到的颜色数量会超过两种，但整体的配色风格依然趋向于保守，而且用到的颜色多数是比较中性的。　　正如文字排印方式与信息传达效果之间的关联作用，配色同样不仅是选取一些好看的颜色那么简单，优秀的配色方案可以通过正确的视觉基调将网站当中的内容更加有效地呈现出来。以Notologist为例，明亮、互补的颜色搭配使得内容信息及它们之间的关联得到了非常自然的体现，页面整体风格非常简洁直白，同时又不失活力。　　一致的图片样式　　如果同一个网站当中的图片(照片、插画、图表等)样式差别很大，你会觉得焦虑么?反正我会。　　对于内容当中有可能包含很多图片的网站或页面来说，要落实简洁至上的设计思路，其中最关键的一点就是要通过和谐统一的样式风格将这些视觉元素呈现出来。　　举例来说，IBM的智能星球运动(Smarter Planet campaign)涉及到多个方面的主题，与其相关的印刷品、插画、图表、人机互动素材等都遵从着同一套方案标准，包括几何框架、线条风格、色彩饱和度等。无论是在网站，还是在平面媒体中，相关主题的视觉表现形式都具有高度的一致性。　　设计思路与技巧　　先复杂，后简化　　在页面设计的过程中，我们必然要将各种界面元素一点点的放置在页面里。为了打造简洁的设计方案，很多设计师通常会在这种时候有所顾忌，下不去手。这会导致整个流程当中缺乏必要的探索性，而且最终的设计方案往往会让人感到苍白与空洞，而非简洁。大家多多少少应该都有所体会，如果运气好的话，探索过程中的那些happy accident往往能带来预想不到的惊艳效果。　　所以，我们不妨试试先复杂，后简化的思路。在设计流程初期，不要对界面元素的数量进行刻意的限制，同时尽量多尝试一些不同的布局方案，直到需求所需的内容及功能元素全部就位，然后开始简化工作。　　微调，再微调　　道上的朋友们觉得我总是喜欢没完没了的折腾设计方案，我真心觉得这种评价是对我的赞扬。　　在我看来，设计流程从来没有真正结束的时候，我们总是可以将方案朝着正确的方向再推进一点。说正经的，在这方面，问问那些和我合作过的设计师或实习生，他们会告诉你，跟着我干是多么苦逼的一件事儿。我估计也是，当我让他们在一些阴影的细节上修改了12次以上的时候，基本没人会觉得有意思了。　　正像我们在前文当中了解到的，“简洁”是由界面布局、文字排印、配色方案、元素外观等多方面要素协同构成的综合体验效应。所以，在整个流程中，花费大量时间在每个方面的细节当中进行纠结是必需的，这能怪我么?这里增大点行间距，那里的外边距减小两像素，把边框线的颜色由#EEE改为#DDD...这样的改动听上去并不重要，但当所有这些微调共同作用在页面整体上时，细微的差别所累加起来的综合效应就会变得非常明显。　　所以，微调吧，然后再微调些些。很多时候，在一个细节当中的调整还会引发另外一处的修改需求，有时甚至会对整个设计方案的方向造成影响。不怕，耐心些，简洁至上的设计目标需要我们付出的绝不会像最终成品看上去的那么简单轻松。　　大局观　　我前半辈子主要是一名印刷设计师。说是印刷，其实自己做了很多打印工作，因为每天在工作当中都会反反复复地将各种稿件打印出来并钉到墙上。久而久之，几面墙上都钉满了各种视觉方案的打印稿。　　在改行做Web设计之后，我果断不打印了，因为我觉得最终产品只会上上线而已，完全不会涉及到出版印刷一类的问题。于是在很长一段时间内，几个墙面都是空空如也的。不过慢慢的我却开始怀念起过去的日子了。将项目当中的设计稿一张张的打印出来并钉到墙上，这种简单直白的组织方式其实可以给我们带来一种很明显的大局观，使我们能够站在全局的层面上对页面进行观察和评审，并有可能发现可以被简化的细节元素。　　相比之下，在Photoshop或Illustrator中通过切换图层来对比视觉稿的方式就会让我们的视野受到很大的局限。所以我建议各位好好利用一下纸张及墙面，通过这种方式来发现不同页面的设计方案在一致性等方面的缺陷，去除有可能影响到简洁方案的不和谐因素。

按钮，背景，动画做的有科技感些，找灵感看游戏，你需要大型未来主题的游戏UI

1.疯狂“跑男”桌面钟这款搞笑桌面钟每个不同时刻都会让钟面上的“跑男”摆出不同的扭曲姿势来指示时间，如果把一天快进的话，那效果，真是令人忍俊不禁。2.命运指示球这款由德国品牌设计的“命运指示球”能在你犹豫不决时做你的“指路明灯”。命运球的底座上写着“问问老妈”、“买买买”、“他不爱你”等实用选项，当你感到困惑时，就试试启动命运的轮盘吧！3.机器人可乐贩卖机储钱罐这可不是自动贩卖机，而是一个40cm高大小的储钱罐，没当你放硬币进去时，机器人就会唱起轻快的小曲儿，看看，卖的可乐还是零度的哦！4.双层玻璃杯整天在办公室面对大量电脑辐射，可别忘了要即时补充水分！这款双层玻璃杯以奶牛为设计灵感，除了喝水之外，倒点牛奶当然更是应景，不过就算只是空放着当摆设，也已经十分逗趣、惹人注意啦！5.人面压力球工作中，感到负能量满满难以支撑？赶快拿起桌上的人面压力球爆捏一通吧！把它当成不近人情的老板、挑三拣四的同事抑或令人恼火的前男友，总之拿上这个小球捏一捏，心情总是能莫名的好上那么几分。6.剪影书架收拾收拾杂乱的办公桌吧，人头马、大黑牛造型的剪影书架，真是有趣生动又特别。7.喵星人香氛蜡烛这款蜡烛除了富有香氛精油，点燃时能助人放松心神之后，蜡烛融化之后露出的喵星人骷髅更是格外“惊趣”！8.墙面插座贴纸如果你的办公桌周围也布满了各种插头插座，不妨贴几张这样应情应景的墙面贴纸吧，让杂乱难看的墙面也变得“乱中有序”又有搞笑创意。9.乐高人充电线支架手机、平板、电脑......到处都是缠成一团乱麻的充电线？试试这些乐高小人电线支架吧，星战造型、小黄人造型、经典乐高造型......你能想到的这里全都有！10.Groot盆栽别再种什么小清新的多肉、苔藓、微观盆景啦，Groot才是现在最夯的办公室桌面盆栽好不好！

网页设计是一个综合性的，工作，他不但但要求你用美术，美术只是其它一门最重要的，还有社会文化的了解，对各方面艺术的精通，精懂，你才会，有更出色的作品，更好的创意，有时候灵感，就是原自每个人的生活，和我们十分相近，只要用心观察，用心学习，就会有进步的首先，基础的工具软件，PS FLASH DW AI 3DMAX这些都要求会使用，并用其做出效果然后，你要用HTML CSS JAVASCIRPT 有所了解并学习，基础客户端语言编程，在则，你最好，了解后，能进一些好的北京地方的，科班进行学习深造，了解构图方法和一些设计理念以备在自己的工作中加以应用，最后，就是，学完后，不一定说明你就是最好的优秀的，各各方面，要看你自己的能力，是否，会来到这个行业中，去学习去进步跟你的团队一起完成一个提案，等，都 是问题，最好学好以后去一些公司实习，或一边实习一边学习，建意你从平面设计开始学起，从平面设计转入交互设计，会有一守的过滤，这样对你日后 ，发展有一定的帮助，你来我团队吧，我是做设计的，这东西，免费没有指点你的，你要慢慢学，你好，你好，网页设计一门综合 性比交广的学课，当然，我也是这个行业中的一员，就像我来说目前在转型，热门行业做的人太多了，比电脑公司技术员还多，所以说，如果你真想入这行业可以进我团交流，大家一起学习，当然，做设计，首先得会用PS吧，最基本你要得会处理图片吧，平面设计你得懂吧，没有平面的基础想做出好的网页基本很难得，出非你是做普通的，在则，网页这个交互性的东西，还要要求用户懂动画，在高点得会JS JQ程序什么的，去实现他的动作。所以说，最重要的就是你要会设计，会设计前提是你得会用PS 然后就是FLASH 或AI 这三个软件，其它的还可以商量 ，如果这三个不会，那就得学软件先，学好软件才能说入这个门的条件后面还有HTML CSS DIV PHP JS JQ 很多东西得学，最重要的就是会跟客户沟通，沟通是设计的一把钥匙，有了它，你会事办公倍的，祝你好运，希望你可以加入我们团队，共同学习谢谢，说的太多了，不知道对你有用没用，希望做为参考，仅能参考 ，不做评论，不会可以学，但要多动手 多做，基础差可以补，语言后其可以在学，前其先把图做好，CSS做好，这都不是太难的课目难得是JS跟后其的动画 效果上。要对自己有信心，加油，

视觉中国 思缘设计 蓝色理想 设计在线 创意产业 火星时代 网页设计 插画中国 工业设计 我要自学 红动中国 叶子树网 教程网 改图网 ps联盟 设计之家 翼虎网 亚洲ci 韩国设计 中国设计 网易学院 美图秀秀 国外设计设计综合 MVP 中国设计之窗 创意在线 网页设计师联盟 蓝色理想 闪吧 平面设计 平面必看 中国平面设计在 3视觉 数码资源网 PS教程 PS教程论坛 室内设计 室内必看 和家网 中国建筑与室内 中华室内设计网 土巴兔 室内人 网页设计 网页设计师联盟 蓝色理想 设计路上 网页素材 酷站欣赏 网页设计公司 >> 包装设计 中国包装设计网 中国包装设计网 中华印刷包装网 包装与设计 包装设计-简介 包装设计公司 建筑设计 ABBS建筑论 中国建筑与室内 中国设计在线- 国家建筑标准设 21世纪建筑设 娅库图纸网 工业设计 BillWan 中国工业设计在 设计.中国 纳金网 中国工业设计协 广东工业设计网 服装设计 中国品牌服装网 中国服装网 服装资讯 服饰流行前线 各类服装设计 中国服装设计网 >> 设计竞标 猪八戒 任务中国 时间财富网 一品威客 征集网 全球设计网 广告传媒 奥美广告公司 百度联盟 好耶广告 媒介网 设计前沿 谷歌广告联盟 展厅设计 展厅设计-百科 大禹春秋 西典 展厅效果图 顶尖设计 金字塔-案例 >> 创意设计 创意设计-百科 中国艺术设计联 创意酷 超现实 搜酷全球 先看看 网站案例 铭万 中企动力 网页加油站 牧星策划 万户网络 商城网站建设 品牌设计 品牌设计-百科 正邦 上知策划 北京美研 上海美御 上海三松 字体下载 优秀英文字体 字体下载 字体-站长站 字体下载大宝库 The Web 图标字体 >> 设计知识 做Banner 照片处理 提高创新能力 名片设计要点 配色基础 色彩搭配 网站教程 w3schoo HTML5研究 HTML5中文 前端观察 前端开发网 前端开发 UI设计 UI设计-简介 ICONFAN UI设计 UI作品 UI图 UIRSS >> PS教程 小技巧 PS下载 17个PS技巧 Psdtuts PS联盟 PS爱好者 用户体验 UCD大社区 阿里巴巴用户体 腾讯ISUX 腾讯WSD Prower 淘宝UED 网站模板 模板王 模板天下 设计路上 依儿酷站 网站模板下载 佳木中国 发型设计 发型屋 爱美网 在线发型设计 发型设计-简介 发型设计 发型图片 业内资讯 TechWeb 速途网 艾瑞网 瘾科技 雷锋网 36氪 http://www.vipsheji.cn/