编者按:扁平化网站蜂拥而来,想脱颖而出,就得在细枝末节上下功夫。今天搜集的这组网站,将扁平化的细微之处打磨得非常漂亮,感受下 >>> Mountainview Agency Apparatus Studio Dickson Fong Trippeo Kevin Tresor Portfolio Gogoro Genn.org VI Hart Island Project Online Photo Mosaic Maker Part Design. Part Code. Completely Cre…

2015年02月28日 0条评论 49点热度 0人点赞 阅读全文

编者按:现如今,用户体验设计师已经成为开发和设计团队必不可少的成员。这一新兴的职位到底是怎样出现,从何开始的呢?今天通过这篇文章,简单温故一下用户体验设计的隐秘传承~ 在聊用户体验之前,先回忆一下上一次去餐馆吃饭的经历吧。 是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员是否让你在等候一阵子之后领你去合适的座位?菜单放在桌子上的什么位置?浏览体验如何?你点了哪些菜?上菜的速度够快么?味道地道么?服务员够不够勤快体贴?你是否还想去这家餐馆吃? 所有的这些问题都关乎你对于这家餐馆印象的好坏,也直指…

2015年02月28日 0条评论 55点热度 0人点赞 阅读全文

从“Webworld”到“Mobileworld”,从伸长脖子看显示屏到低下头来玩手机,互联网服务模式的转变在逐渐改变大众 的生活方式。在我们谈移动互联网未来的趋势时,应该没有人会怀疑移动互联网将在未来不太长的时间内取代 PC 网络,而未来要做的就是加速这个更迭的过程,推进移动互联网为人类提供更为便利高效的服务。下文将对 2015 年移动互联网的发展将会进行到哪一阶段予以预测。   1、亚洲会成为移动领域的领先者   今年 11 月初,谷歌董事长艾瑞克施密特在“Google APAC”大会上的远程致辞中表达了他对亚…

2015年02月27日 0条评论 38点热度 0人点赞 阅读全文

通常大多数人认为,只要产品的界面视觉设计够精致,便能够获得完美的产品用户体验。 这样对吗?老实说,这种观点并不正确。 事实上: 首先我会告诉你,用户体验(User Experience, UX)与所谓的“出漂亮的图”没有任何关系。  用户体验是一个流程:理想情况下从战略层面开始并会影响项目的整个生命周期。用户体验设计首先需要了解商业模式,然后落地用户研究,以及理解服务是如何融入用户期望的。 用户体验是商业战略制定中极为重要的一部分,另外界面设计(User Interface design)也不代表用户体验的末环。我…

2015年02月27日 0条评论 58点热度 0人点赞 阅读全文

我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。面对这种问题,我们通常以下方式来进行设计还原: 使用图片背景还原设计,即使用 photoshop 将文本图层单独导出成网页背景图片。 产生的问题 1.    制作与维护成本很高。切图繁琐、高清屏适配繁琐、合并雪碧图更繁琐,后期修改更加繁琐。 2.    用户体验差。导致网页不支持选中、复制、搜索、翻译、矢量缩放,也会影响视障用户使用读屏器操作网页。 3.    带来…

2015年02月27日 0条评论 70点热度 0人点赞 阅读全文

前言 13年底,Intercom 的产品VP Paul Adams 在 Intercom 官博发表了 一篇博文 。文章讲述了网络上设计社区里普遍存在的一种现象,大意是“许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作”。 文章发布后,在 Twitter 、HN 及博客评论下引起了反响。虽然部分内容在一些设计师眼里看起来比较有攻击性(也就是俗称“开喷”),甚至还带有些地图炮,但是文中关于“设计的四个层次” 以及“when..I wa…

2015年02月27日 0条评论 50点热度 0人点赞 阅读全文

透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。 此外,你还能轻松尝试不同的透明度来达到不同的效果,例如在界面上添加更具有光泽的图层可以让人感觉更加精美,总之,淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。 今天,我们就来一一介绍各种透明的精美APP界面。 Alex Bender的Portfolio经过抛光而显得精致,由IOS7而触发的灵感,全新的设计让界面更觉有凝聚力。 STE UI的美食APP,设计师…

2015年02月27日 0条评论 80点热度 0人点赞 阅读全文

当下网页设计最重大的一项趋势,就是大图片的使用。不只是大,这些巨幅图片看上去就像在屏幕上活过来一样。用在页面顶部时,就是我们常说的首屏大图。 如何利用这一趋势?需要从哪些工具入手?本文中,我们来看看这些首屏大图、用好它们的诀窍、熟练掌握这一趋势优秀网页案例,甚至还有可供下载研究的赠品。 什么是首屏大图? 首屏大图,就是在首页或其他页面顶部,运用焦点图、文字和导航元素。首屏大图体现为多种形式——作为一张图片或带文字的图、图片轮播、固定图片、视频或是动态图片。设计风格也囊括写实与手绘。 焦点图片是你在网站中首先看到的东…

2015年02月26日 0条评论 59点热度 0人点赞 阅读全文

网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。 当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。 下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法。 柔和的照片 照片上的柔和遮罩层,或是在恰当的光照环境中拍摄的照片,可以成为精妙绝伦的网站背景。照片的色调越淡雅,设计师就有越多的区域可以放置其他元素。 使用柔和的照片…

2015年02月26日 0条评论 70点热度 0人点赞 阅读全文

动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的。 首先来一发大师金句,迪士尼动画大师格里穆·乃特维克曾经说过: 动画制作和动效设计是本质相通的,我们需要为用户建立一种“视觉的真实”,即动作是可信的,我们需要获得的不是照搬线下场景的写实主义,而是“可信度”,要让用户感知到这个动作是成立的。这里,就要搬出高大上的物理学了! 物理学四大基本力——万有引力、电磁相互作用力、弱相互作用力、强相互作用力,…

2015年02月26日 0条评论 51点热度 0人点赞 阅读全文

译者注: 14年初Nir Eyal 发表《Hooked, How to Build Habit-Forming Products》一书,讲述为什么人们会对一些产品形成类似上瘾的症状,像Facebook 、Twitter、 Youtube、 Pinterest 和Google等,(国内类比微信、QQ、淘宝、优酷),也可以被称为HOOK(钩住)住。作者的初衷是去了解这些令人“上瘾”的产品都有哪些相同的地 方,能否通过分析这些产品找到它们背后内在的、相似的模式;进而他在神经科学、人机交互、心理学等多个领域内探索,最终提出…

2015年02月26日 0条评论 42点热度 0人点赞 阅读全文

网站的首页是一个让人头疼的东西。有时它看起来很简单:首页就是网站内容的整合,一个产品经理随便从网站里拿点东西出来,就能堆出一个看上去靠谱的首页。也正因此,它往往非常麻烦:很多人都可以发表自己的见解,而这时交互设计师的一些手段(比如流程图、概念图等),在面对首页设计时也难派上用场,以致最终陷入到无尽的争执中。所以,本文希望寻找一些实用的方法一定程度上帮助设计师来决策,也让大家在争执过程也有些共同的依据。   首页之所以难设计,我认为因为它不仅要解决用户“能做”的问题,更多时候要解决用户“想做”的问题。“能做…

2015年02月26日 0条评论 39点热度 0人点赞 阅读全文

PS是现如今最受欢迎的图像编辑软件。世界各地的数以千计的人们不仅用PS来为图片和文字创造特殊的效果,更用于扁平化设计,排版,插图和数字艺术。听到这些,你是不是也想要扩展一下你现有的知识呢?在这里,你不仅可以学习一些新技巧,还可以得到很多新灵感,比如说:如何变得更有创造性。 在今天的分享中,准备了20个非常有趣的免费PS教程,如果你有任何疑问,可以随时在下面给我评论哦! 01. Emotional Dancer   02. Create an Engraved Wood Logo 03. Wonderful…

2015年02月26日 0条评论 58点热度 0人点赞 阅读全文

使用留白的极简主义是现代设计的大趋势之一。很好的使用留白的人往往可以使你的页面第一眼看上去非常清爽,但是实际上用少量的元素和大量的留白做好设计还是有些难度的。甚至有些情况下你的客户不会那么喜欢,因为他们总是想要尽可能在页面上放更多的信息。 但是很多设计师都把极简主义的风格当做是一种挑战。极简主义风格的网页可以在不同的终端上转换,当然也适用于打印,页面设计和包装设计。接下来,我们来分析一下使用极简主义的特别棒的案例。 巧妙使用留白 每当设计师谈论到极简主义的时候,总会有一种“所见即所得”的态度。因为实际上也没有什么法…

2015年02月26日 0条评论 63点热度 0人点赞 阅读全文

越来越多的电商网站努力在社交关系上寻求突破点,淘宝天猫一直在优化类似千人千面的用户体验,国外一些比较有趣的网站比如Svpply则是在feed推送上不断深入。那么,在电商中融入社交关系有神马意义?如何去巧妙的发动“群众的力量”,从商家对用户,发展到用户与用户之间的商品推送关系?我们自从接触爱逛这个项目以来,思考了蛮多,咱就借着这篇博文来看看通过爱逛而收集到的数据,聊聊以后爱逛可能有些什么变化。 一、平面视角的社交电商页面设计: 电商页面的UI设计经常会出现的频道有:首页、团购、品牌特卖、专题活动、达人等。爱逛现有的页…

2015年02月21日 0条评论 41点热度 0人点赞 阅读全文

能够激发我们创作优秀网站的,不仅仅是网页设计。这世上几乎每一样你身边的事物都能对你有所启发。你总是无法预料什么东西会点燃你创意的火花,我经常发现一些最常见的事物能让我从新的或不同的角度来思考项目。这里我们介绍10种我最爱的网页以外的设计灵感来源。 大自然 思考设计的最佳地点之一就是户外。看看自然界这些伟大的图形和色彩搭配。就我个人而言,我喜欢从花卉中汲取配色灵感 这株秋天的三色堇可以作为新项目配色的出发点,伴以明亮(且对比鲜明)的颜色营造出的各种怦然效果【作者这里似乎忘记配图了,说好的三色堇呢~】 音乐 虽然很多设…

2015年02月18日 0条评论 40点热度 0人点赞 阅读全文

如果你是极简主义的设计爱好者,对于白色空间和简约风格有着偏执的热爱,那么你一定不会错过这一次的创意网站设计欣赏。让我们一同来欣赏着一些优雅时尚的创意网站设计吧!主要是一些设计师和艺术家的在线作品集网站。 Tim Brack Bekka Reese Clement Grellier Steve Razvan Garofeanu Admir Hadzic Charles-Axel Pauwels Feven Amenu Tina Gauff One Design Company Micka?l Larchevêque …

2015年02月18日 0条评论 50点热度 1人点赞 阅读全文

精心设计的404页对于网站来说是非常重要的,它们提高站点的可用性,并且帮助读者找到他们想要的东西。你的404页可以是非常实用的,帮助读者快速找到网站上的相关内容,或者加一点点创意的工作,使它脱颖而出!让我们来一同欣赏吧! Mic Check Inriality Molome Qype The Many Faces Of The Movie Nerd Audiko Bellstrike Dribbble Focus Lab Gig Masters Homestar runner I love Icons Illuco…

2015年02月18日 0条评论 29点热度 0人点赞 阅读全文

随着HTML5的普遍推广,以动画和视频作为网站背景,改变了整个观看者的视觉体验。有些网站使用视频来创造一个凉爽的气氛,而其他人展示自己的产品或服务在行动讲一个故事。希望你会喜欢! Peel Planilandia My Provence Blacknegative Get Going Today Anders Hede Jensen Geox Clinica Dr. Mauro The Fernway The Powerhouse Company Studio Brusco Dejavu The Missing B…

2015年02月18日 0条评论 39点热度 0人点赞 阅读全文

周陟 (@UCDChina 深圳负责人、交互设计专业委员会(@IxDC)部长) :我发现一个问题,大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”,最好有个现成的东西放那儿给他供着。这暴露了我们设计师群体一个严重的现状——自学能力的欠缺。 我上次提到设计师的三大素质(我自己觉得是这样,也是招人的时候重点考察的),这次就专门聊聊自学能力的问题,与各位打拼靠自己的朋友共勉。 作者还有一篇很有意思的分享:普通UI设计师与顶级UI设计师的区别是什么? 什么是设计师的自学能力? 我们对自学能力的理解是…

2015年02月18日 0条评论 57点热度 0人点赞 阅读全文