27个 底部 tab bar 动画设计灵感

发布时间：2019/6/27 16:18:05 阅读(12988)条评论(0)条

Colored Tab Bar Interactions by tubikTab Bar Animation nr.2 by Lukáš Straňák | codepen DEMO Google Bottom Bar Navigation Pattern by Aurélien Salomon | codepen DEMOTab bar interaction with animated icons by Ketan | GithubCreate New Document Tab Bar by Hoang Nguyen | 相似的例子codepenWeChat Tab Bar Redesign by Lukáš Straňák | codepenJack - Tab Bar Interaction b...未完，继续阅读→
关键字：tab bar 设计 动画 

关于移动端font-size思考前端设计稿与工作流

发布时间：2015/10/15 13:41:47 阅读(6823)条评论(0)条

本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。阅读目录1. 问题的引出2. 简单问题简单解决3. 网易的做法4. 淘宝的做法5. 比较网易与淘宝的做法6. 如何与设计协作7. 总结1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-s...未完，继续阅读→
关键字：前端 web 字体 设计 

10款最受欢迎Web设计人员图标集免费下载

发布时间：2014/5/20 8:49:53 阅读(12093)条评论(0)条

当您需要高质量的免费图标时，你该怎么办？这篇图标集将帮助您你可以找到最好的免费的图标。我们列出确切地 10 最受欢迎免费到下载高质量图标集。通过使用这些图标，您将节省的时间和你将会有高质量的图标。配色方案，图中，使用的所有的这些图标的外观和感觉是真的很酷和令人印象深刻。此外可以使用任何你想要的地方、 个人项目或商业这些图标。01. 195 flat flag PSD icons02. Free PNG Credit Card, Debit Card and Payment Icons Set03. Metro UI Icon Set04. Modern UI Icons05. 350 pixel perfec...未完，继续阅读→
关键字：素材 图标 设计 

网页前端设计师们编写css的利器Less入门教程

发布时间：2013/12/14 9:36:57 阅读(7452)条评论(0)条

如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。首先，我们得知道Less能干什么。如：@width:300px;@fonts:12px bold "宋体,Verdana";.block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .elem-content{ width:@width; height:300px; }}.block-footer{ font:@fonts; width:@width + 100px;}最后编译出来的css是这样的：.block-header { color: #5c5c5c;}.blo...未完，继续阅读→
关键字：css less 编辑 

33个令人印象深刻的 Web 设计灵感

发布时间：2013/9/13 8:48:07 阅读(8871)条评论(0)条

作为一个网页设计师你就看着很多的创意灵感的网站，它是你跟上当前的和新的设计趋势。现在在网页设计中一天的当前热趋势似乎是粗体显示的图像，使用插图不是死的。大部分的设计师们想要的可能印象新访客。在这篇文章我们展示了 33 的站点上使用一个干净的布局和设计，消除不必要的混乱。一些网站都是简约干净设计。1. Mystery Packs2. Miagui3. Caitin Wicker4. Revelation Concept5. Taxi Real6. Stephanie Hider7. Abbyputinski8. Sanchez Romero Carvajal9. Cyclemon10. Hawaii11. Normbot12. We Are Moving Things13. Cer...未完，继续阅读→
关键字：设计 灵感 web 

分享10个好用的UI界面设计工具

发布时间：2013/9/10 14:45:48 阅读(12110)条评论(0)条

Kendo UIKendo UI是Telerik开发的基于jQuery HTML5的UI框架，开发面向桌面、移动设备的应用程序，主要有Kendo UI Web，Kendo UI Mobile 和 Kendo UI DataViz三个版本。它包含了大量UI组件、丰富的数据可视化框架、一个自适应移动框架，以及HTML5 app开发所需的所有工具，如数据绑定、模板、拖放API等等。MOQUPS这个工具可创建出非常惊人的HTML5 app，具有高保真、独立分辨率的SVG模型和线框。WebflowWebflow可以让你直接在浏览器上创建交互式布局和像素完美的设计元素，并且不用编写一行代码！JetStrap这是一个完全基于Web的界面设计工...未完，继续阅读→
关键字：界面 html5 ui 

用户体验设计师的黑魔法

发布时间：2013/8/30 10:01:45 阅读(8405)条评论(0)条

　　用户体验设计师的工作就是让人们的生活更愉快，对吗？有时候的确是这样，设计师们能够帮我们解决复杂的问题。不过，设计师同时也是为产品开发者服务的，当产品开发者的利益和用户冲突的时候，设计师会施展一些手段来故意误导用户。　　伦敦的用户体验设计师 Harry Brignull 将这种行为称作“黑暗模式”（Dark Patterns）。他专门建了一个网站来揭发这种行为。根据 Harry Brigull 最近的一份演讲，Verge 网站以各种例子展示了什么是“黑暗模式”。　　首先，我们来看一下对用户体验设计深有研究的苹果是如何使用&ld...未完，继续阅读→
关键字：用户体验 设计师 

25个独特的卧室，总有一款你喜欢的

发布时间：2013/7/23 9:38:03 阅读(8945)条评论(0)条

人们总是生活他们生活通过以下方式来许多规则，他们忘了做什么，他们的爱。呆在卧室的时间可能是最多，你想，你会发现，大多数看起来几乎相同。今天，我想告诉你25个独特的卧室，也行 。好吧，也许你不希望有一个新病房卧室，但你可以有你个性的卧室，用自己的行动去打造一个你自己的卧室。 未完，继续阅读→
关键字：卧室 设计 

如何设计一个全球用户访问的网站

发布时间：2013/7/20 9:56:38 阅读(9765)条评论(0)条

要充分利用在全球的web方面？这一切都始于网页设计。你在这里做的选择可以使或打破你的努力进入全球市场。的目标是建立国际从得到去。这将节省很多的战斗，多语言内容进一步向下行。请记住下面的设计考虑，你会建立一个网站，可以跨多个语言和文化。 选择你的CMS你的第一步是要找到一个内容管理系统（CMS），提供完整的国际支持。比较开源的（如WordPress，Drupal的）和专有系统（如SHAREPOINT）功能，找到最适合。翻译友好CMS将使用UTF-8字符编码标准，它允许重音字符和非罗马文字。过检查，CMS允许从右到左的语言使用阿拉伯语，希伯来语...未完，继续阅读→
关键字：设计 全球 网站 cms 

分享33个配色很棒的黄色网站

发布时间：2013/7/19 11:13:18 阅读(65418)条评论(0)条

选择颜色是网页设计的一个重要方面。Web 和图形设计师选择一种颜色仔细地吸引读者的注意力。所以黄色是明亮的和令人兴奋的颜色那一个绝对是抓住读者的注意力。黄金或成熟的柠檬的颜色为黄色。在可见光光谱和传统颜色黄色的画家所用的轮子位于绿色和橙色之间。这是喜悦、 幸福、 智慧和无限的精力与相关联的颜色。然而在这篇文章中我分享收藏的33个配色很棒的黄色网站希望能带给你们更多的设计灵感。01. Multimedium  02. Sputnik Creative03. Adam Hart Wig04. Ismaelsaez05. Robertoburno06. Chevalblanc07. Brio08...未完，继续阅读→
关键字：设计 灵感 黄色 网站 

30个美丽的动物主题Logo设计欣赏

发布时间：2013/4/2 14:59:35 阅读(7641)条评论(0)条

徽标是一个图形标记或标志。这是非常重要的任何业务、 组织和作为其给出的非商业实体身份的清晰图片。一个精心设计的 logo 可以沟通一千多字。在这今天的文章中，我想向你提出一些不同的种类肯定会得到你一些启发的美丽动物概念 Logo 设计。01. Scorpions02. Black Sheep Sports03. Tiger Labor04. Muzzle Loaders05. Golden Boss Roadhouse06. Pelicans07. Cards badge08. Alrahelah publishing09. Tivat10. Independence11. Coho Brand12. Coastal Sands13. Solinger14. Go Gettr 15. King Lion16. The Academy Grif...未完，继续阅读→
关键字：动物 logo 设计 

40个带给你灵感的美丽创意单页面滚动的网站

发布时间：2013/3/26 8:57:10 阅读(8177)条评论(1)条

怎样我们浏览我们的网站是非常非常重要。此单页面技术，主要适用于投资组合网站、 设计工作室、 移动应用程序和登陆页面只需要显示一位节的信息，它允许客户端/游客可以轻松地浏览你的网站具有很好的滚动效果这就是客户端最需要。在这篇文章我想先看一下美丽 & 创意单页面滚动网站有趣的技巧，你会发现在这些集合中。希望这些想法可能会提供那些希望进入这一领域的设计师的灵感。1. East African2. Every Last Drop3. Olszanska4. Dego5. Ian Jmaes Cox6. Intacto7. Sotmarket8. Jeclat9. Stus Kitchen10. Browser Awarene...未完，继续阅读→
关键字：创意 设计 单页