网页设计灵动布局之相对自由式

前言我们人类千人千面,但怎么长都不会偏离骨骼。因此,保持了内在的坚固恒久性,外表就一出戏,相对自由式的进行视觉想象编结。布局排版说来很容易,无非就是整理好网页的元素清单,然后一一放上版面即可。其实就因为自由搭配的方式千差万别,我们总为最好解决方案心悬一线,其实最后的结果又马马虎虎。优秀的排版是构图、图片、配色、字体等各方协调的共同结果,设计其实是没有规则可循,审美从来都不在

浅谈思路!七个技巧帮你搞定响应式网页中的图片设计

响应式网页设计已经是如今当之无愧的标准配置了,我们需要响应式的技术来应对日渐碎片化的屏幕尺寸,网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计,也是其中的重点难点。它们是网页中最常见,也是最直观可见的元素。打开一个漂亮精致的网站,然而其中的图片和图库看起来怎么都和页面不匹配,这样的情况恐怕是最让人抓狂的了。如果要设计好响应式的图片和图库,今天接下来要聊的7个技

关于用户头像的设计思考

对于有用户体系的产品来说,用户的缺省头像如何设计,是一个普遍存在的难题。你的设计稿常常会因为使用了洋气的歪果仁作头像,而使它们看起来很棒。但回到现实中,绝大多数用户上传的头像要么质量很差,要么就干脆没有。有头像和没有头像的对比。作者 Olia Gozha.现在有两个问题,第一个是关于头像显示的——若没人上传头像,你的设计稿看起来会怎样?第二个问题是如何鼓励用户上传头像,这个

Netfli 的 AB 测试之道

几周前,我在旧金山的Yelp总部参加了一场设计师与极客们的活动,Anna Blaylock和Navin Iyengar两位都是Netflix的产品设计师,他们分享了自己多年在千万级用户群中做A/B测试的经验。他们也展示了相关的产品案例,帮助与会者思考自己的设计。下面是我关于他们演讲做的记录,其中包含我最喜欢的一些精华。演讲的照片实验我非常喜欢PPT的第一页——_绝命毒师_里

如何用 Fliestack 开发自己的 Soundcloud App?

要说处理图片,人们用的最多的就是Filestack,有各种各样的自定义图片。然而,API接口就远不止于此了 :对上传的文件没有任何限制,而且Filestack团队还提供了其它功能,比如视频和音频转换功能等。在这次教程中,我们会通过开发一款类似于SoundCloud的app,处理Filestack的音频转换,来介绍音频处理API接口。暂且这个app就叫SoundStack。这

好的设计准则如何塑造更强大的产品形态?

我的工作是为房地产专业人士设计和改进一款传统的客户关系管理系统(CRM)。我们经常遇到设计瓶颈,因为没有任何的设计准则可以参考。我们的用户对这款产品爱憎分明。一些用户认为这是一个引领时代的工具,帮助他们提高业务量的同时,更好的管理他们的联系人。另外也有一些客户认为它是一个累赘,完成任务需要耗费大量时间,错误多而且使用很不方便。这里需要改进很多内容,但是限制条件是什么?不对称

视觉设计本地化的重要性

与最新发布的德国网站 carwow 对比,我们不可避免的发现自已需要去为国外市场的网站内容作出适配。有些人觉得这件事情并不是很复杂,只是简单的将已有的网站内容翻译成另一种语言而已。事实上…这大错特错了。翻译本身不是万能的,而且我们很快就发现让 可爱的 德文适应我们为英文而创建的漂亮和均衡的布局结构是一件非常困难的事情。另一件事实是,对于一个说英语的人来说,德语单词看起来出奇

设计一个你自己不会去用的产品

当我告诉朋友说我的工作是设计一款主打运动新闻的产品,他们往往会说,“你了解运动吗?”。作为回应,我常常在电视上观看比赛,同时也知道一些基本的运动常识,但是我绝对不是运动迷,离运动迷还差远了。必须承认,当我开始为 90min 和 12up 的母公司 MinuteMedia 工作的时候是有所考虑的。毕竟我自己之前还是一位芭蕾舞者,所以现在设计一款面向运动爱好者的产品,听起来也是

你的设计应该「所见即所得」

几年前的一个夏天,我有机会住在旧金山里同一栋楼不同单元的两个 Loft 公寓中。由于这是同一栋楼,所以你可能会想这两个单元应该是相似的。的确,它们都有1000平方英尺的面积,墙壁上全是巨大的格子窗户,使得阳光和温度能倾泻到屋子里(住在屋子里就像我的故乡德克萨斯州一样,正午阳光与地面的角度有90度)。它们的屋子一角都有厨房,还有金属楼梯延伸到二楼的开放式卧室,以及那个烦人的中

微信读书产品体验报告:竞争对手多且强

移动阅读市场广阔,微信读书作为“富二代”表现如何呢?一、产品概述1.产品体验环境 iOS端:ipad V9.3.4Android端:OPPO A51 Android5.1.12.产品简介 官方说明:微信读书是基于微信关系链的官方阅读应用,将社交完美融合进阅读行为,让阅读不再孤独。主要功能: (1)精心打磨的阅读体验:支持EPUB和TXT格式;(2)和好友发现优质好书:微信好

美团 APP 产品分析报告:加强对用户决策的引导

首页信息展示丰富、有层次,能够给用户提供有效的选择以及引导。一、前言1.背景介绍2.体验环境3.需求分析(1)目标用户 根据易观智库提供的数据来看,团购服务主流消费人群为30岁以下的中低收入者,以女性用户为主,从区域分布来看主要分布于一二线城市。其中收入在4999元以下的用户占比为%85.2,女性用占比为64.2%,而女性对价格较敏感,从主流消费人群的特征来看,团购业务主

如何通过注意力跟踪来提高 A/B 测试的有效性

“可衡量才可促进”,但有时候我们却太过于关注数据,而忽略了用户心理。这是小编个人觉得比较有意思的一篇文章,无论是创业公司还是10角兽,都应该是数据驱动运营的,也的的确确确需要数据来衡量当前阶段的产出,发现可改进的点。“可衡量才可促进”,但有时候我们却太过于关注数据,而忽略了用户心理。 就算在产品正式上线前,在 A/B 测试上做足了功夫,测试了很多个版本,最终选择了转化率最高

厉害了!14 款帮你提升网页设计和开发效率的网站与工具

实际上,网页设计本身一直在逐步的转变和调整,这也使得我们所用的工具和服务也逐步随之转变。所以,我们需要推荐一些最新的、实用的、贴合当前网页设计需求的工具和服务,来帮助用户更好的应对不断进化的需求。今天所搜集的这14款工具和服务,覆盖网页设计所涉及到的各个不同的层面,有线框图工具,HTML转化服务,甚至包括一部非常极客的漫画。这14个工具与服务覆盖面足够广,总归有几个会让你动

如何给你的产品写文案?

严格来说,我是一名文字工作者,我靠文字赚钱。但我有一件事大部分人都不知道: 我讨厌阅读。 别理解错了我的意思,我现在依旧保持着阅读的习惯。我会定期浏览书籍、博客、新闻以及杂志。但当作者们把文章写得越来越拖拉,我就不知道我的眼睛到底在看哪里,脑子也越来越迟钝。这样的文章就像一面文字堆砌成的墙。当我还小的时候,我总认为对于阅读的反感是我自身的一个缺点。但直到近几年我才意识到,这

非科班福利!FACEBOOK 设计师的自学手册(附大量资源和工具)

作者并不是设计科班出身,但现在是 Facebook 的设计师。文中详细介绍了一个设计师自学的全过程,并附赠了大量的优质学习网站和资源。希望能给想学设计的同学一点指引。以下我都代表着原作者。我一个斯坦福大学的学生,现在是 Facebook 的实习设计师,我正在帮助Facebook设计产品以便全世界数十亿人更好的使用。但是我不是学设计出身的,我大学学习的是心理学、哲学、计算机、

100+ 超全的 web 开发工具和资源

作为 Web 开发者,这是好的时代,也是坏的时代。Web 开发技术也在不断变化。虽然很令人兴奋,但是这也意味着 Web 开发人员需要要积极主动的学习新技术和新的编程语言,并愿意和渴望接受新的挑战,以适应变化。新的挑战可能会包括一些开发上的要求,如利用适应现有的框架来满足业务需求。测试一个网站,能从中知道出了哪些技术上的问题,并且我们针对这些问题进行优化和消除。便于后端的开发

好友动态的实现原理

今天准备跟大家聊的一个功能就是:好友动态功能。听起来好抽象,有木有~~ 那说直白一点:微信朋友圈。这下听懂了嘛?我们现在好多软件都有一个类似朋友圈的功能:微博、微信、QQ…… 只要涉及到好友、粉丝这样的app或者是网站,一定有这样的一个功能。那这个功能是怎么样来实现的呢?其实,这个技术已经非常的老了…… 估计快7-8年了。那个时候有一个网站还非常流行,他叫:开心网。大家都在

【如何快速的开发一个完整的 iOS 直播 app】(采集篇)

【如何快速的开发一个完整的 iOS 直播 app】(原理篇)【如何快速的开发一个完整的 iOS 直播 app】(播放篇)【如何快速的开发一个完整的 iOS 直播 app】(采集篇)前言在看这篇之前,如果您还不了解直播原理,请查看这篇文章[如何快速的开发一个完整的iOS直播app 【如何快速的开发一个完整的 iOS 直播 app】(原理篇)开发一款直播app,首先需要采集主播

【如何快速的开发一个完整的 iOS 直播 app】(播放篇)

【如何快速的开发一个完整的 iOS 直播 app】(播放篇)ijkplayer下载地址打开Demo,查看用法,一般学习第三方库,都是先查看DemoSnip20160825_4.png三、编译ijkPlayer的步骤1、找到ijkPlayerMediaDemo并运行提示'libavformat/avformat.h' file not foundbug1.png原因:因为li

【如何快速的开发一个完整的 iOS 直播 app】(原理篇)

【如何快速的开发一个完整的 iOS 直播 app】(原理篇)【如何快速的开发一个完整的 iOS 直播 app】(播放篇) 【如何快速的开发一个完整的 iOS 直播 app】(采集篇)前言大半年没写博客了,但我一直关注着互联网的动向,最近会研究很多东西,并分享,今年移动直播行业的兴起,诞生了一大批网红,甚至明星也开始直播了,因此不得不跟上时代的步伐,由于第一次接触的原因,因