网页设计中的三分法则

在没有注意到三分法则之前,你可能永远也发现不了这些实例,它是那么和谐的存在着,好像很久之前就的嵌入了我们的生活中,永恒的散发着规则之美。一,二,三。好的,现在停止数数,思考一下如何将各种元素划分成三个部分来为你的项目服务。三分法则,这是一个很有趣的说法,同时也是一个跨学科的概念。一般来说,将一个事情划分成三点来完成,可以使结果呈现显得更加的精雕细琢。比如在摄影和艺术创作中,

浅谈页面设计中布局的视觉焦点

为什么杂志和书籍的布局惊人地相似?即便设计的内容有所不同,各个设计的布局都是和谐有序的,否则阅读者的脑袋会陷入崩溃……要么他们就会不得不放弃当前的阅读,转向别的书页。无论在出版,广告,插画还是其他形式的平面设计中,吸引读者的目光,在页面中引导读者的视线都是成功设计的关键。一些设计师认为布局无关紧要,因为当他们设计页面时自然知道去遵循从幼年就已熟悉的文化惯例。但很少人能理解这

解析扁平化设计的流行配色方案

扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁、简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案。一个好的扁平化设计必然不可能出现阴影、浮雕和渐变等效果。扁平化设计看上去非常简单、直观,并且使用方便,所以在手机界面和网页设计中变得越来越受欢迎。确定色彩基调扁平化设计并不局限于

如何让设计有更多的留白空间

关于设计中的留白,也称为负空间,但是不要认为留白就一定是白色,你可以想像一只大象在房间里,大象周围的空间就是留白。设计师喜欢它,因为它可以帮助元素分组,区分重点和提高可读性。下面我们来讲讲如何让设计有更多的留白,认真看完真的会涨经验哦!01. 刻意留白在一些设计中,不要担心大面积的留白,在上图中,折纸和标题区域的上下方空白很多区域,但并不影响美观。就是说,刻意使用大量留白,

Coolors - 极简的配色方案生成器

Coolors 是一个超级简单的配色方案生成器,和 Kuler、COLOURlovers 等传统配色网站不同,Coolors 一次只会为你提供一种配色方案。Coolors - 极简的配色方案生成器! 通过敲击「空格键」来查看不同的配色方案; 点击色块可以锁定当前颜色,以查看其他关联的配色组合; 你也可以指定一个颜色,点击色块下方的 HEX 颜色值即可直接编辑; Coolor

你我的青春!来看看腾讯QQ这16年来的LOGO 设计变迁

大江南北,除了美猴王,如果还有一枚萌物家闻户晓,必然是企鹅QQ。2016年,企鹅QQ即将迎来十八周年礼,天降大任于企鹅,面对向更年轻的潮用户,是以赋予自己一次品牌蜕变,其实从最早的企鹅诞生至今,就从未停止品牌演变的步伐。一起来看看这十六年来的它的设计变化。一九九九,记得“滴滴滴”的消息寻呼,那时的鹅是“OICQ”,小名“中文网络寻呼机”,名未见经传,当时修身型似帝企鹅。 二

中文版来了!新版MATERIAL DESIGN 官方动效指南(二)

编者按:昨天@平行煎餅 发了 中文版来了!新版Material Design 官方动效指南,今天继续第二部分,从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分,教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。中文版来了!新版Material Design 官方动效指南中文版来了!新版MATERIA

周末福利!五月份最具有诚意的50组英文字体免费打包下载

编者按:五月份最有诚意的字体资源打包好咯!今天@北树 这组英文 字体质量之高令人震惊,从第一个到最后一个都精挑细选过,颜值良心保证对得起审美挑剔的设计师。一起给自己的资源库加点油!字体打包  百度云下载:http://pan.baidu.com/s/1dFsKtUx如果链接失效/页面不存在/涉嫌xx已屏蔽,先换个浏览器试试,再让别人试试,最后还不行点左上角的头像,微博私信小

网易干货!设计师如何推动自己的想法在项目中落地?

编者按:5个方法让老板接受你提出的设计方案!每个设计师都会遇到的问题就是「为什么不能用我喜欢的这个方案」,其实想让自己那个超级棒的想法得以落地,是需要一定技巧的。今天这篇好文来自网易云音乐的交互设计师,亲历经验教你解决这个难题。做人哪,最重要的是开心,工作也一样。作为一个设计师,若能带着一种愉快的心情工作,不但效率倍增,更能设计出有创造性的方案。但设计师天生是心思细腻且敏感

实战教程来了!一名UX设计师的VR设计初体验

@C7210 :本文是某VR团队设计总监在这个新领域当中进行设计初体验时所得到的一些经验分享。相信如今有很多设计师一方面不具备相关的经验,一方面又希望进入VR领域去扩展技能、开拓视野。所以希望本文能够为各位带来一些指引与帮助。恩,这次仍是VR探索,从设计师职能出发的实战经验漫谈;对比之前的几篇,慢慢可以发现如今的设计先行者们所汇总的东西当中会有一些重要的交集。在尚未实际进入

高手怎么配色?一个优秀配色方案的探索过程全揭秘!

@可乐橙_ColaChan :选择配色方案往往是个难题,尽管网上有各种各样的色彩库,配色仍然至关重要,有时候最好还是亲自动手。而且这个过程也非常有意思。今天这篇好文来自一位配色高手,来看看人家是怎么做出一个优秀配色方案的。为这类工作找到一套标准流程是不可能的,因为它天然具有创造性。我使用Sketch来进行这项工作,你当然也可以用Illustrator甚至Keynote和PP

设计师:聊聊那些明明可以避免的协作冲突

@窒息红Leon  :这几天在公司参加 UED 培训,学员是来自不同事业群的、不同工作年限的交互、视觉设计师,指导老师又都是业内响当当的设计名人,可谓收获颇丰。不过,今天的一场 Workshop 中,负责用研的专家老师带领大家进行了一场「吐槽」大会,却让我思考了很久。本文未经作者允许,谢绝转载。所谓的「吐槽」大会,其实就是让每个小组的设计师们谈谈日常工作中会与哪些不同的角色

精选干货!十款新兴实用的网页设计与开发工具

对于设计师和开发者而言,好工具和好想法同样重要。我们常说“工欲善其事,必先利其器”,所以在项目开始之初,有必要弄清楚有哪些事情任务需要完成,而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化,越来越多项目衍生工具开始诞生,这些新工具通常会相当地具有针对性,它们逐步成熟之后,会很好地反哺到其他的项目。这次的设计与开发工具的精选当中,有几个可能就是在这样的背

三种移动APP(应用程序)开发方式比较

一、名词介绍1.Native APPNative APP 指的是原生程序,一般依托于操作系统,有很强的交互,是一个完整的App,可拓展性强,需要用户下载安装使用。(简单来说,原生应用是特别为某种操作系统开发的,比如iOS、Android、黑莓等等,它们是在各自的移动设备上运行的)该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、

产品经理如何做好时间管理,提升工作效率

自从干了产品经理这个行当之后,我才发现自己的时间总是很紧张。焦头烂额,手忙脚乱,说的就是我。无论是白天上班还是晚上回家,都会被杂七杂八的事情挤破脑袋,工作和生活,满满当当,又无条理,也因此吃了不少亏,设定了很多目标却大部分完不成,时间久了自己都麻木了,直到被人不断地提醒“你缺少一个时间规划”,我才意识到,我大概是真的太“乱忙”了。为了改变这种恶性的状态,我开始研究时间管理,

陪我App产品体验报告|复杂的概念还缺乏创新形式

体验App:陪我定位(slogan):2.5次元人类声控聚集所,第二人格发声地当前版本:2.5.1类型:陌生人、语音、社交主要功能:陌生人匿名快速匹配语音聊天变现方式:用户可设置收费通话,平台收取佣金。最近更新添加了口粮和粮票的虚拟币用于平台内的消费。推荐其他App(入口比较深23333)社区运营:定期发布官方话题引导用户参与用户量:不太清楚,从实际使用来看,全天24小时都

一图胜千言!提高网站转化率的图片选取指南

少有用户在没看到商品的情况下就直接购买。通常情况下,用户至少要在看到产品图片之后才能作出最终的决定。这也是为什么在互联网上销售产品的时候,卖家要耗费巨量的精力来展示产品,用清晰的照片和走心的文案等“套路”来完成销售过程。在互联网产品营销当中,图片起到了至关重要的作用。图片能够从不同的方面帮助营销人员获得相当不错的转化率。现如今的消费者非常期待能看到足够丰富的产品图片,这样他

产品知识分享:外部链接分享到微信的逻辑

分享给需要的产品!如果你刚接触微信开发但不懂技术,或从未接触但想了解,那就看看吧!一、如何做好外部链接分享到微信呢?你的微信群里是不是到处都是分享的链接? 你是否想过为什么从外部app分享到微信的文章你直接点击就可以看?而在抢外卖红包时总是要弹出登录授权页面,然后还要求你填写手机号? 你是否思考过其中的逻辑?本篇文章主要就几个示例展开讲述,最后提出优化方案。1、先举几个示例

持续交付:当前普遍存在的三个问题与解决方案

早在2009年,Flickr就分享了他们如何通过工具的支撑和文化的改变,使之能够支撑业务部门“每天部署10次”的要求。这些工具包括:Automated infraShared version controlOne step build and deployFeature flagsShared metricsIRC and IM Robots5年时间过去了,随着云计算和开源

Aure 7高保真还原Web首页布局和交互教程

Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ,涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure,熟练掌握本文的案例和方法,你的Axure使用技能突飞猛进。案例任务:使用