自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Tizian的专栏

先有量的积累,才有质的飞跃(关注前端设计,关注前端开发)

  • 博客(88)
  • 资源 (2)
  • 收藏
  • 关注

转载 50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2 才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。1. 如何创建嵌

2012-08-31 14:54:19 368

转载 40+最新高清精美英文字体演示及下载

字体对于一个前端网页设计师来讲,是最重要的素材。收集近期40佳英文精美字体,分享给大家。Weston free fontDownload SourceCode ProDownload SourceSheep SansDownload SourceMorning GloryDownload SourceLegion Slab Typeface

2012-08-31 14:41:48 1057

转载 20佳精美Green绿色风格CSS网页模板演示及下载

20佳精美Green绿色风格CSS网页模板演示及下载绿色像征着清新、淡雅、和平、环保等理念,很多人非常喜欢这种带有绿意的小清新类模板。收集了20个作品,可广泛用于博客、企业、个人网站等,均符合CSS标准以及免费下载。1- Css Template 1Download2- Css Template 2Download3- Css Template

2012-08-31 14:37:21 3323 2

转载 10个用于设计网页线框图的优秀工具

线框图是一个可视化的导图,可以用其来诠释出一个网站的龙骨,同时也可以称其为一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以低成本且高效率来进行迭代设计。为了对线框图进行更好的设计与修改,我们会选择一些优秀的工具,当然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。在设计初期,你可以在纸上或白板上绘制基本的草图,来帮助完成一

2012-08-31 14:33:04 597

转载 Web流程图的绘画指南

来自:雷锋网 作者:小盒 编者按:本文作者为设计师Felix Ding,丁宇。在作者设计生涯开始的早期,就开始接触流程图。一个好的流程图,可以用来理解需求、解析复杂的业务流程、同时也有助于交互设计。为了使流程图的价值最大化,文中着重分析了开始和结束标记、界面、对话框、决策点、条件分支、子流程、跳转点、描述、系统行为等视觉词汇。前言在我设计生涯的早期,我就开始绘制流程图了。刚开始

2012-08-31 10:54:57 976

转载 10个用于设计网页线框图的优秀工具

10个用于设计网页线框图的优秀工具来源:雷锋网 作者:Warlial  线框图是一个可视化的导图,可以用其来诠释出一个网站的龙骨,同时也可以称其为一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以低成本且高效率来进行迭代设计。为了对线框图进行更好的设计与修改,我们会选择一些优秀的工具,当然少不了的就是Axure、MockFlow以及Balsamiq M

2012-08-31 10:50:41 746

转载 css制作流程及标准

很有用啊,转过来,希望对大家有帮助~!css制作流程及标准(一)制作流程:1,创建文件(文件管理及命名)2,与html文档建立关系注意点:    1)不建议使用:内联样式和内嵌样式         原因:结构(html)和表现(css样式)没有分离    2)区别:外链样式与导入样式([url]http://zhi

2012-08-31 09:51:23 423

转载 充分使用HTML5特性进行搜索引擎优化(SEO)

随着越来越多的网站和应用采用HTML5方式编写,如何和海量信息中,快速地被搜索引擎检索到应用和网站设计者最愿意呈现的内容?HTML5的SEO方式和传统的网站SEO方式一样吗?当我的内容更改为HTML5方式时,是否会影响传统的已有的SEO成果?本篇博客将和大家分享一下HTML5语义化的标注方式,如何有效使用这些语义化的标注来更好地向客户和搜索引擎展示你的内容。我们先看下面一个网站,这是一个非

2012-08-28 14:02:45 1806

转载 分享35套非常华丽的免费 PSD 网页按钮素材

按钮是网页最重要的组成部分之一,是用户和网站交互的桥梁。为了给网站挑选精美的按钮,我最近收集了很多的按钮素材,今天就和大家分享我收集的35套非常华丽的免费 PSD 网页按钮素材,这些免费的素材不仅能帮助他们节省大量的时间,而且能有很好的效果,相信能给你的网页增加吸引力!记得分享和推荐一下哦。Form Message ButtonsSimple Web ButtonsTogg

2012-08-28 14:00:10 752

转载 国外经典网页设计:50个优秀的移动网站设计实例

移动互联网正高速发展中,预计到2014年,移动互联网的用户访问量将超过传统的PC互联网。目前,越来越多的用户通过手机上网冲浪,对于设计师来说,他们需要去优秀的移动网站以吸引更多的用户。为了帮助大家学习移动网站设计,我从网上收集了50个优秀的国外移动网站设计案例分享给大家。 CharminCiscoPeapod StudiosScorpion DesignTh

2012-08-27 09:16:27 2373

转载 20佳优秀精美手机移动mobile网站案例设计欣赏

20佳优秀精美手机移动mobile网站案例设计欣赏我是M4 ┊ 经典网页设计 ┊ 设计 ┊手机 ┊ 网站 ┊ 2012.08.11 ┊ 浏览 11480随着iphone等智能手机的占具流行趋势,越来越多的人喜欢制作一些精美的移动网站。收集了20个作品,包括一些图片展示、商城、metro风格、文字等。IamsCoachVerizon W

2012-08-23 16:32:32 2439

转载 45精美footer大页脚风格网页创意设计欣赏

45精美footer大页脚风格网页创意设计欣赏使用大页脚(footer)部分,被越来越多设计们欢迎,笔者在做网页设计的时候,也喜欢在这部分进行一些扩大化处理。更加的显得网页大气侧漏,与众不同。收集了40个最新国外设计师作品,一起欣赏一下。Adventure WorldVisit WebsiteBei BlogVisit WebsiteNorthe

2012-08-23 16:31:04 2232

转载 20佳优秀精美手机移动mobile网站案例设计欣赏

首页 » 经典网页设计 » 20佳优秀精美手机移动mobile网站案例设计欣赏20佳优秀精美手机移动mobile网站案例设计欣赏我是M4 ┊ 经典网页设计 ┊ 设计 ┊手机 ┊ 网站 ┊ 2012.08.11 ┊ 浏览 11470随着iphone等智能手机的占具流行趋势,越来越多的人喜欢制作一些精美的移动网站。收集了20个作品

2012-08-23 16:27:24 3098

转载 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果更佳)。01. Cymetriq  02. Ludwings  03. Intac to

2012-08-23 16:24:28 922

转载 优秀网页设计:30佳精美的国外黑色风格网站作品

色彩是网页设计最重要的部分之一,对于那些崇尚简洁设计风格的人来说,黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量,是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享,一起欣赏。01. Imp3rium  02. Bar Camp  03. Ardenreed  04. Josh Garrels

2012-08-23 16:22:30 1789

转载 精心挑选的12款优秀 jQuery 手风琴效果插件和教程

当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球。 Elegant Accordion with jQuery and CSS3首先推荐的这款插件是基于 jQuery 和 C

2012-08-23 16:21:15 712

转载 50种响应式web设计的奇妙工具

在您开始着手响应式站点的搭建之前,如果能拥有强有力的开发工具会让您的世界另有一番风采。本文中Denise Javobs和Peter Gasston推荐了50种强大的工具来支持您建造响应式站点的过程。在Ethan Marcotte的文章《响应式web设计》以及他的畅销书中最早首创介绍了建设响应式站点需要的三个元素:灵活布局、流式网格响应式图片媒体查询另外也有很多文献涵盖了

2012-08-21 19:15:29 1674

转载 响应式Web设计:50实例例与实践

Responsive Web Design: 50 Examples and Best PracticesDesignmodo.com版权所有作者:Adrian译者:UCD翻译小组,波希米亚原文地址:http://designmodo.com/responsive-design-examples/译者序:当我看到这篇文章的时候,还好发布的时间不算太早,主题很对我的胃口,因为

2012-08-20 19:14:09 736

转载 50款令你惊讶的免费Ps笔刷资源

In this article I compiled a list of high quality and professional abstract brushes that I found very useful either in web, wallpaper or even print design. The brushes are mainly for Photoshop but som

2012-08-20 19:08:44 3336

转载 IE6 PNG透明终极解决方案

“珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家在这方面少烧点脑细胞,KwooShung我就舍身一把,把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内,以供大家学习参考!方案1 - 滤镜解决方案:介绍

2012-08-20 18:48:39 443

转载 [面试官说] 面试时如何向公司提问?

今天,我看到硅谷招聘经理Steve Buckley的一篇文章,正好探讨了同一件事的另一面:应聘者如何向公司提问。很多人将面试看作一种单向选择,事实上,面试是一种双向选择:不仅是公司挑选你,也是你挑选公司。面试就是为双方提供互相了解的机会,公司在评估你,你也在评估公司。面试官也知道这一点,所以他们有心理准备,期待你提出问题,并且会做出回答。所以,面试时不要浪费向公司提问的机会。而且,

2012-08-20 18:34:27 1168

转载 分享30个网页设计色彩搭配的优秀案例

在网页设计中,选择恰当的颜色是非常重要的。相比网页其它组成部分,色彩更能体现你的设计风格,大胆的应用色彩能让你的网页看起来非常新颖。今天,本文搜集了30个优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Or

2012-08-20 10:15:29 702

转载 优秀网页设计:30佳精美的国外黑色风格网站作品

色彩是网页设计最重要的部分之一,对于那些崇尚简洁设计风格的人来说,黑色是最佳选择。黑色代表着深邃、神秘、暗藏力量,是一种具有多种不同文化意义的颜色。今天的文章收集了30个优秀的黑色风格网站设计作品与大家分享,一起欣赏。01. Imp3rium  02. Bar Camp  03. Ardenreed  04. Josh Garrels

2012-08-20 10:14:31 1581

转载 6 个超酷的 3D 特效网站设计

作为独特的网站设计风格,使用3D特效设计的网站会带给访问者超酷的视觉冲击,今天本文将介绍最近收集的8个超酷的3D网站设计,希望带给大家灵感!1.愤怒的小鸟workspace绝对有趣的3D网站设计,你可以看到一个随机的小鸟会跟随页面滚动而移动。2. The Story of SendGoogle的一个超酷的3D特效,你可以看到一个运动的Gmail图标跟随着

2012-08-17 17:14:50 759

转载 经典网页设计:六边形在网页设计中应用的精美案例

这篇文章继续向大家分享一系列的国外创意网页设计作品,这些作品都是从网上挑选出来的精品,相信能带给你不一样的视觉体验。今天这篇文章给大家带来的是六边形(Hexagons)元素在网页设计中应用的优秀示例,这些网页设计作品在六边形的运用方面独具匠心,值得学习!相信这些优秀的精美网站设计案例能够带给您灵感,帮助你设计出更加优秀的网页作品。 Apicula Andrei Gorokhov

2012-08-17 16:35:49 1138

转载 你好,对话框

“怎么了?”除非你对某类对话框已司空见惯,否则遇到,第一反应往往是这样的?这种体验就像你明明急着去赶车,途中却不断被拦住塞传单一样。不能否认,它是一种打断,有时甚至会成为打扰。做为设计师,虽知“打断”暂不能杜绝,但不使之变为“打扰”,却是我们该努力做到的:① 多次打断=打扰  隔一个小时打断你一下,你或者还可以忍受。若是1分钟内好几次打断你,想起来就抓狂吧?这也是Chrome为什么在判断此

2012-08-16 17:08:40 434

转载 优秀设计师应当知道的20大UI设计原则

世界级图形设计大师Paul Rand(保罗.兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难,今日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User

2012-08-15 12:33:22 124

转载 Web前端开发人员和设计师必读文章推荐【系列十】

《Web前端开发人员和设计师必读文章推荐系列十》给大家带来最近两个个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。HTML5 & CSS3 应用

2012-08-15 12:30:49 566

转载 50套精美的免费 PSD 网页界面素材资源

这个系列文章收集了50套非常有用的免费 PSD 格式 Web UI 资源分享给大家,可以免费下载使用。这些漂亮的 PSD 网页界面素材可以让您的工作得心应手,帮助您节省大量的时间和精力。感谢那些优秀的设计师分享他们的劳动成果,让更多的人可以使用他们的创意设计,希望这些免费的 PSD 网页界面素材能帮助到您。 Mini UI ElementsFree Web UI Element P

2012-08-15 12:29:22 1907

转载 为产品赋予人格 - 情感化设计的组成要素及实践案例

又一个宁静的周日。周末的娱乐活动无非就是这些,做做博客,看看书,捣鼓点儿小代码,玩玩琴。最近在准备一些软硬件设备(见我的微博)以及素材段子,接下来也许会出些demo;蛮久没像样的折腾这些了。说正经的,眼下这篇文章是最近为数不多的让我感到多次触动的东西。之前在微博上说了,“全文读下来我有种…五体投地的感觉。如此用心打造的产品怎会不成功?一个个在情感化设计方面具有代表性的产品罗列在一起,看着这些又

2012-08-14 15:55:21 3326

转载 十个方法,让你的线框原型更具沟通能力

虽说是每周一篇译文,不过这事儿确实不能算是非常容易。从阅读,到筛选,到试译,到最终确定本周的文章并完成译文,主要还是依靠每天抽些时间来做。还好,毕竟是自主行为,爱过,也仍在爱着,这就是UX从业者兼翻译票友的节操有木有。默,我们进入今次的正文。我(英文原文作者)参与过很多产品的线框原型设计,包括我自己独立完成的,还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒,因为在这个过程中我见

2012-08-14 15:32:15 556

转载 为 Web 设计和开发者准备的免费图书

为 Web 设计和开发者准备的 12 本免费图书。Design Your ImaginationGetting RealA Practical Guide To Web TypographyWeb Style Guide, 3rd EditionIntegrating Accessibility Throughout DesignHow To Be Cr

2012-08-14 15:24:25 671

转载 高效的设计可视化

每一天,人们都淹没在信息的海洋中。用户在主动获取和被动接受过程中,都始终避免不开一个“效率”的诉求。在这信息海洋,用户目前面对了什么样的困境呢?        1  一些设计细节的 “隐藏式”、“折叠式”、“渐进式”设计消耗了用户的快速认知诉求;        2  偏于复杂和庞大的功能,给界面呈现带来了负担,加重了用户操作映射的错乱,让用户理解也模棱两可;        3  设计过

2012-08-14 12:44:45 943

转载 分享47个为前端开发人员准备的工具和资源

为Web前端开发人员准备的一批新的资源和工具,包含HTML5 APP、jQuery插件、JavaScript、Flex等方面的内容。MoqupsMoqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to cal

2012-08-14 12:35:34 1947

转载 【特别推荐】学习 Web 开发技术的16个最佳教程网站和博客

互联网经过这么多年的发展,已经出现了众多的 Web 开发技术,像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今,网上有各种开发技术的相关网站,有大量开发资料可以参考。下面是我收集的15个非常优秀的学习 Web 开发技术的国外网站,如果大家有收藏更好的网站,欢迎推荐! Net Tut

2012-08-14 12:30:45 880

转载 经典网页设计:应用四边形的16个超酷的国外网站

从这篇文章开始将向大家分享一系列的创意网页设计作品,这些作品都是从网上挑选出来的精品,相信能带给你不一样的视觉体验。今天这篇带来的是四边形 元素在网页设计中应用的16个国外优秀示例。Witcode Piropixel Datskat Interativacom Designergleb Facenews Neolab

2012-08-14 12:29:47 697

转载 国外优秀网站:世界30大汽车品牌网站设计欣赏

在当今社会,名车俨然是身份地位的象征。拥有一辆名车是很多人梦寐以求的,相信你也是其中一员。今天这篇文章收集了30大汽车的网站设计,一起欣赏这些世界顶级汽车品牌的网站。 1. Lamborghini2. Scion3. Infiniti4. Dodge5. Pontiac6. Chevrolet7. Honda8. Hyundai

2012-08-14 12:28:55 1497

转载 【推荐】精心挑选的23款美轮美奂的 jQuery 图片特效插件

jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀jQuery 图片特效插件,带给你美轮美奂的图片展示效果。 01. 3D Image Slider非常非常酷的 3D 图片滑动效果

2012-08-14 12:27:52 492

转载 《jquery视差滚动专题》使用jQuery创建的垂直视差背景

在近现代的网页设计最大的趋势之一是利用视差滚动效应。当把一个网站的滚动功能相结合时,视差滚动效果可以有一个强烈的视觉冲击,你可能已经看到现在不少网站上的视差效果。我也写过这方面的文章,jquery实现的视差滚动教程(视差大背景效果)从今天开始再奉献一篇这方面的文章来讲解这种效果的实现代码,根据维基百科:视差是一个明显的位移或在明显位置视线沿着两条不同的线路观看对象的差异性。视差效果于1980年首先

2012-08-13 15:55:01 1013

转载 8月份新鲜收集到的30个高品质创意字体

设计师最重要的工作是设计出漂亮的页面元素,比方说logo的设计,要设计出好的东西你需要有好的资源,我发现周围设计者们设计一个LOGO,往往需要半天设甚至一天的时间,关键因素是素材不理想,最终产品设计也不好,今天在这里我收集到了新一些免费的和高质量的字体,不仅好看,也可用在任何设计项目。。这个集合中的所有字体都可以免费下载。你可以尽情发挥自己的创意PolyPixa Type

2012-08-13 15:53:19 1131

设计师的法宝-网站

收集的设计师该看的网站。很多。值得一看。

2012-12-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除