推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构，网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富，通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景，漂亮的图文混排，精致的交互细节。>Cruise Me为了让项目效果突出，设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图，每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下，用户可以翻看不同主题不同旅游项目的卡片，有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR
PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆，羽化20，反选，增加亮度30。 5.取消选择后，用加深和减淡工具处理周边，上面和两边减淡，底部加深。使用加深和减淡工具的时候，需要不断的尝试，这时最好给图像做个历史快照，或是复制一层来做，这样便于修改，涂抹时次数是很多的，不一会就数十次了，在历史记录中可恢复不了。 6.蕃茄有几个瓣，现在来做这几条陷下去的纹。画个椭圆，用选择-变换选区旋转和移动到适合的位置，羽化1，在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体，再对局部作一些加深增强立体感，可加轻微杂色，数量约1。 9.给这个层命名“蕃茄”，新建一层，在上部画个小椭圆，羽化3，填充灰白性线渐变，将图层模式设为“颜色加深”，作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层，命名“茄蒂”，用钢笔仔细钩出蒂的形状，填充绿色（46/77/27）。 11.绘画实物时，离不开我们的好帮手――加深和减淡工具。刚接触时，我也是极为头痛的，它们不象图层样式那样，调节参数就可以得到效果的，不容易掌握。但只要经过耐心的练习和尝试，你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣，也需要载入茄蒂的选区，用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。
Photoshop打造斑驳压纹镂空文字效果
简 介】 利用PS可以打造出各种各样奇特的文字效果，下面我们来制作一款压纹镂空文字…… 先看一下效果： 效果图 制作工具：Photoshop CS 制作过程： 1、新建一个宽度为100像素，高度为100像素，分辨率为350像素的文件。 2、新建图层1，单击工具箱中的“自定义形状工具”，在其属性栏中单击路径按钮，并在形状下拉面板中选择五角星图案，然后在窗口中拖拽创建一个五角星路径，如图01所示。
自己动手用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手，它可以使窗口显得清爽整洁而且富有动感，笔者的几个朋友都想在自己的网页中加入类似的东东，经过共同摸索发现用Dreamweaer就可以实现这种效果，下面我们通过一个活动菜单条的制作来看看吧。 第1步：制作菜单外貌 图1 在Dreamweaer中新建一个文件，绘制一个层，在该层中插入一个表格(如图1)，对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下划线，可以编辑超链接的CSS样式，在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”，将“Hover”的“Color(颜色)”设置为红色，最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步：设计菜单的动态效果 1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界)，在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键，在弹出的快捷菜单中选择“添加动作”，为该帧添加一个交互行为，Dreamweaer将自动打开行为面板。单击行为面板中的“+”按钮，从弹出的菜单中选择“Timeline/Stop Timeline”，打开“Stop Timeline”对话框，选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”，动作为“Stop Timeline”，这样当时间线运行到第15帧时，动画将停止播放，这样就实现了菜单条弹回的功能。图2 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为，这样就实现了菜单弹出的功能。添加了这两个交互行为后，在时间线窗口的相应帧上面都出现了一个蓝色方块，它代表一个交互行为。选择“自动播放和循环”复选框，使动画能够自动循环播放(如图3)。图3
最新发布
网页设计中应该知道的数学运用技巧
这篇文章并不是教大家怎样做设计，而是教大家通过一些“工具”把你的设计变的更合理，更平衡;同时也要记住，规则是死的，人是活的，怎样遵守规则的同时破坏规则是决定你是否能成功的关键。好的设计没有周详的计划是不可能实现的，而数学在这个计划中有着举足轻重的作用。有人可能会说我早就知道了，比如算什么margin或是padding的，算高度什么的，这个应该就是你所说的在设计中运用的数学吧?其实不然。应该说我的数学有更高一层的意义(脸皮比较厚)。我觉得我在这里和大家讲几千个字，还不如给大家一个真实的例子。让大家看看我在做设计前的一些“准备工作”。最近我正在设计一个教会网站，我一边设计一边把一些截图发到网上获取一同行们的意见和反馈，但是大家并没有看到这些设计背后蕴藏的”玄机”。废话不多说了，现在进入正题!一、确定页面宽度在你设计任何一个网页之前有一些东西你是应该尽快做出决定的。其中最主要一个东西应该是页面的宽度，我个人是比较喜欢960px作为宽度，即使用户使用的是1024*768的分辨率，网页也不会出现横向移动 - 当然你可以使用任何宽度。第一步已经完成了，我们进入第二步。二、划分区域
10个提供免费CSS教程的*网站
CSS可以说是HTML最好的基友了，相信很多同学html和css都写的不错，但是js却一直难以攻关，所以我们这里就不提这一壶了。 言归正传，现在有很多提供CSS教程（包括例子说明、小测试、参考选项以及在线的编辑器）的网站，今天分享的这10个网站，你可以通过他们获取一些小而美的CSS教程，甚至是毫无经验的新手都可以在上面学习体验CSS的魅力。如果你的问题为：什么是CSS，它是怎样被创造的，它如何运行工作，有哪些基本语法？所有这些都可以在这个网站得到答案。 大名鼎鼎的网站，提供全面的学习、测试、设计语言的培训，且范例都是最优简化过的，在这个网站上你会对那些概念有更加明了的理解。幸运的是，它也有中文网站：www.w3school.com 同样非常棒呢^_^ 同样是家喻户晓的网站，它给网站的发展制定了标准，童鞋们也可以在上面学习。一个令人难以置信的教程网站，为新手提供专业的CSS教程！
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像1998年的网页风格。RakutenNicoNicoDougaGigazine看看日本这些最流行的网站(比如 Goo, Rakuten, Yomiuri, NicoNico, OKWave, @cosme)，你会发现他们都有共同点:文字排布紧密图像质量偏低
2013年网页设计五大颜色趋势总结
对于网页设计来说，2013年是一个复古年，因为在这一年里我们看到了太多的复古颜色组合。在Pantone色彩研究机构将祖母绿作为2013年官方用色之后，时尚、室内设计、平面设计等行业紧随其后，纷纷使用基本颜色轮定制自己的年色。那么今天，我们就来回首一下，2013年网页设计最流行的色彩趋势。希望这些知识能在新的一年帮到你。01. 棱角鲜明的深色调Twelve Restaurant & Lounge Bar的网站，非常高贵冷艳，极具现代化气息通常在网页设计中，黑色的作用是强调，因为你很难在黑色背景中读出什么东西来。但是在2013年，黑灰、黑棕、黑蓝却频频被用在了网页中，作用是将读者的目光吸引到文字上。这种颜色通常用在奢侈品网站上。Twelve Restaurant & Lounge Bar，也就是上面那幅图，用黑色给顾客营造了一种非常冷艳高贵的感觉，文字部分的颜色比背景要深，这样更能突出文字，看到这个网站，我就不禁想起了那句”高端大气上档次”。02. 明色搭配灰调2013的PayPal的网站。网页设计师也非常喜欢用灰色，传统的灰色稍加改动，就有了俏皮可爱的赶脚。这种灰色再配上明亮的暖色，简直就是天造的一对，地设的一双!PayPal的网站中，设计师使用了淡灰色作为背景，搭配上亮丽的蓝色，将人们的目光紧紧锁在了网站的主要元素上，是充满智慧的颜色设计，不得不说这个设计师真鸡汁!网站中最常用灰色的地方是导航呦~03. 来自大自然的亮色调
网页设计技巧之文字排版设计心得
你看起来很好吃?在这各类资讯爆炸的时代，如果说资讯是我们必需喂给用户的食物，那用户往往会是一群偏食厌食的宝宝，如何让他们乐意吞下这送到嘴边的食物呢?好吃!好吃当然受人喜欢，但真的好不好吃、有没有营养做为设计师的我们还真决定不了，不过”看起来很好吃”那便是我们的活儿了。说说——信息的图形化设计剥皮、挑刺、嚼碎。分行、标识、加重点。正如F型的阅读排版研究只是针对食物的食用性问题在一定程度上解决了”有阅读需求”的用户的扫描性阅读，但对于偏食厌食的宝宝们来说并无多大的作用。所以除了哼小曲扮鬼脸外，我们必需对食物进行有效的包装和加工。如果它激发了你的食欲，那我们就继续往下看吧。煎、蒸、炒、炸正如食物加工的方法一样，大偏幅的文字同样也有着它几种可归属的逻辑关系。把握了这几种基本的逻辑关系，我们就可以添油加醋，使其看起来简单有趣充满食欲啦!想想——并列型、对比型、流程型
详细解析网页设计优秀WEB登录页面设计技巧
关于登陆估计大家每天使用的都很频繁了，每次上网都会习惯性登陆下微博，淘宝，邮箱，空间等，在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面看一眼呢?下面就谈谈这道不起眼的门。从公共平台的角度看用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。从个人博客的角度看个人登陆页面一般只有自己会用到，所以别人基本是看不到的，但也不排除像我一样无聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么个人登陆页面的设计就完全是抒发个人情感，体现自身个性的一个地方，你完全不需要在乎它的交互是否友好等问题。你的地盘你做主。各大网站的WEB登陆现在越来越多的大型网站把登录和首页放在一起设计，由此可见登录页面的重要性，一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质，登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地，本文不谈趋势，不讲交互大道理，不涉及技术，就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。优雅大方如果说iPad是介于传统电脑和手机之间的产品，那么tumblr则是介于blog和twitter之间的服务。相比twitter，它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖，带来一种全新的视觉体验， 安东尼·德·圣-埃克苏佩里曾说过，“完美就是多一点则太多，少一点则太少。” Tumblr的登录页面没有过多的视觉干扰，优雅大方，一切元素的存在都是为了用户更好的登录，登录过程非常流畅。
25个免费的视差滚动插件页面设计欣赏
以前我们通过优秀字体、配色让网站变得舒服，现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果，访客只需滑动鼠标滚轮就能体验到，你可以利用今天提供的这25款免费的视差滚动插件轻松实现，每款插件都有提供Demo，设计师喃们感受一下。Scrolld.js
浅谈电子商务网站网页设计的设计七要素
今天是2013年十二月六号星期五，对于西方人民来说，这个星期五是”黑色的”。为什么呢?有两种说法，第一种看法较为普遍，因为这是每年感恩节后开业的第一天，人们通常由此开始圣诞节大采购，很多商店都会顾客盈门从而有大额进帐。而传统上用不同颜色的墨水来记账，红色表示亏损即赤字，黑色表示盈利。所以把这个星期五叫做黑色星期五，用以期待这一天过后，年度营收由负转正;第二种说法是因为耶稣死在了星期五，所以人们认为这一天不吉利。那么我们今天要说的就跟星期五有关，终于星期五了，大家要过周末了~很多累了一星期的上班族不想出去，可是有东西要买啊，怎么办?那就网购吧。随着大数据时代的到来，网购越来越盛行，作为一名网页设计师，你有必要知道怎么设计网站才能取得更多的利润和满意度。只有将普通浏览用户转化为实际购买用户，你的网站盈利能力才能提高。怎么提高这个”转化率”呢?很简单，提供舒适、愉悦且有效率的购物体验。因为只有你的网站让用户用的开心，用的高兴，他们才会买账。记住：满足他们的欲望，你才能持续性的盈利;忽视用户的需求，你一毛钱都赚不到。下面是今天要跟大家讲解的七个要素，let’s go~1) 读懂你的顾客这个问题看起来很白痴吧?但是很多电子商务网站都没做到。弄懂顾客的情绪对于促使他们购物非常的重要。 用户是否会购买某样商品取决于商品描述和顾客所见，如果你没有展示出他们想知道的信息，这个单子就会像蝴蝶一样飞走了。 Disney Store 就是一个很好的例子。这个网站设计师知道顾客都是小孩儿，所以他们将卡通人物放在网站首页展示，这样会给小女孩儿一种购买的愿望。2) 使用产品信息去抓住用户众所周知，广告会激发人们的购买欲望，如果某样东西没有被炒得火热，人们是不愿意购买的。所以产品信息必须在保证真实的基础上，放大细节，尽可能的诱人，这样才能更有效的吸引顾客。 星巴克就是一个很好的例子【Caffe Vanilla Frappuccino Blended Beverage page】它的产品信息栏不仅有诱人的实体展示，有很多不同口味的饮品让你选择，这样让用户有很大的选择空间，用户自然而然就会高兴咯。
即将消失的网页设计趋势
如果你期待在新的一年里有出色的改变，那么该来了解一下网页设计的新趋势，特别是那些该被抛弃的设计，在这里我们列举了一个清单，它们有的是坏的设计，有的曾在2013年耀眼过，但现在关注度已经大降，现在，是时候对它们对再见了。一、首页滑动Banner这些引人注目的banner有一段时间很流行，它们拥有明亮的颜色、丰富的信息、互动良好的界面，但由于它们分散性太强，很快就被其他更加优秀的设计代替，例如视差滚动网站和单页网站。二、大量的填写表单获取用户的信息对网站运营的某些环节(反馈、推送资源等)的确非常有必要。不管是电商网站还是个人博客，这都是与用户交流的方式之一，但当一整页的选项与填空呈现给用户时，用户会怀疑你的动机是交流还是营销。成吨的问题只会迫使访客疏远网站，必须意识到这一点。如果你还没有意识到这一点，建议阅读这篇向左走、向右走?表单元素设计大揭密，会让你对表单有全新的认识!而那些创意十足的表单也会使用户更加乐意花时间去填写，也许你该学学如何告别平庸，创造新颖的表单设计赏析三、圆形徽标的脚本使用圆形脚本，然后填充LOGO、文字曾经是非常流行的设计方式，但现在它已经成为一种被过度使用的设计，设计公司和个人博客都在避免使用它们，我们也是时候抛弃了。
17个最有效的网页登录页面设计欣赏
好的网站需要有好的设计。好的设计就不可少的需要一个优秀的交互登录设计。最近我们发现越来越多的网站开始剥掉之前的设计思想。开始设计出和世界优秀网页接轨的节奏。我们很希望看到这样的现象越来越多。让网页看起来更舒服，操作更便捷才是每一个公司企业和设计师共同需要努力和面对的事情。今天我们要分享给大家的就是这样一些优秀的国外登录页面的例子。希望大家能从这些例子中得到启发和灵感设计出更多优秀的页面来。PreziinDineroShipmentChartbeatCollegeFrog