用文字作为主体排版的 15 个网页设计案例

一个网页怎么样才能够吸引读者？——文本，网页的内容质量！网页的内容质量决定了读者是否愿意点击进来并且保持对网页的点击量，而点击量关乎一个网站的存亡。因此毋庸置疑，任何一个网页都要以内容为王。那么，怎么样才能打造更具吸引力的内容？——排版！排版作为网页设计中一项必不可少工作，它最重要的作用就是让文字和内容以最合理、最具创意的方式呈现。这个结论是经过实践验证的。下面是达人君搜集

产品 2016年12月21日

移动应用 UI 设计的十大精髓

本文的作者Dan Grover现任腾讯微信产品经理，在学习中文一年左右并在广州工作近半年的时间里，用最直接的方式体会了中国移动互联网的发展。从微博微信到淘宝、各大安全软件、应用商店，他几乎尝遍了所有中国的主流移动App。这是一个外国人眼中的应用UI在中国的趋势，基本反映了当前国内UI设计的状况，从他的所感所想中，认真审视这些在别人看来，我们自己身上所拥有的精髓，以及那些颇具

产品 2017年01月03日

Google 设计师：能留住你的 App 都做好了这 4 步

很多人都想「成为更好的自己」，于是出现了各种各样的健身 app、记账 app 和效率 app。但是为什么没用？或者说，真正能改变人的产品该是怎样的？今天 AppSo（微信号 appsolution）分享 Google 产品设计师 Aaron Otani 的文章。他分享 Opower 团队如何运用心理学和设计，让大家无意中就减少了用电。这篇文章，将会有他们团队的「四步设计框架

产品经理 2017年01月11日

UI 动效为什么越来越受到青睐的四大原因

如今的APP设计当中，其中的UI动效也越来越酷炫，为什么UI动效越来越受到青睐呢？肯定有APP UI动效的优势和魅力吧！不用着急，下面听学堂君慢慢给各位客官一一道来。下面25学堂的小编为你揭开谜底，APP UI动效为什么那么受欢迎的原因。看下图的圣诞老人都会开电瓶车了~不受欢迎都没道理啊不过在此，学堂君需要先说明一点的是，动效之所以越来越受青睐不是最近才流行的，而完完全全就

产品 2017年01月18日

做一个实战教程，让你学会图层样式 9 大技能

很多同学一直学不好图层样式这个神器，@小胡舵主用一个旋钮教程，帮你学会图层样式的9大技能。效果图： 练习重点：通过练习，了解各种图层样式的用法和技巧。我们先把这个案例做出来，对比参数变化所达到不同的效果，边做边了解图层样式。​ 开始之前先分析一下这个按钮的结构，总共分为6层，从里到外依次命名椭圆1~椭圆5。 步骤一：制作主体部分1. 打开你的Adobe Photoshop，

产品 2017年01月19日

利用品牌基因法进行图标设计

上一期答应大家的，这周把品牌基因法分享出来，久等了。在看这篇文章之前你需要清楚，我所讲的东西并不是什么权威，只是在工作中总结出来的一些的小经验而已，制作图标的方法也有很多种，这里只是给大家一个思路上的启发，希望能对你有所帮助吧！按照惯例，我们还是先来看一下本次《利用品牌基因法进行图标设计》的大纲：1.什么是品牌基因？2.如何提取品牌基因3.如何将品牌基因注入到图标设计中4.

产品 2017年02月26日

2017 年大家都在学习的服务设计，这篇文章带你快速入门！

编者按：什么是服务设计？为什么大家都开始学习服务设计？服务设计有哪些原则，它的基础流程和工具是什么？今天阿里设计师由夏用这篇文章带你快速入门。总监最近撰写了一篇读书笔记，聊聊如何从用户体验设计的角度来学习服务设计：《趋势抢先知！2017年设计师都在讨论的服务设计到底是什么？》一. 背景作为交互设计师，我在刚入行思考解决方案的时候大概的流程是这样的：通过 PRD 分析确认用户

产品 2017年03月06日

节省 80% 的无用功！强烈推荐这 4 个提高效率的 Sketch 插件

以前在学AE软件的时候，我安装了很多插件，感觉自己屌屌的，但是真正用的时候，发现大部分都用不明白，别人教了一遍又一遍，自己还是记不住，费时又费力。为什么会出现这种状况呢？其实原因很简单，那就是我根本没有真正理解这些插件！很长一段时间内，我连插件和脚本的区别都不清楚，还指望有什么质的突破？做梦吧！最近又在研究sketch的插件，为了不再浪费那么多时间，所以我需要快速的记住并理

产品 2017年03月27日

数据类系统如何提升用户体验？

一、区分信息层级，考虑用户阅读习惯数据类网站要展现的信息复杂，但大部分元素又是必不可少的，因此要多注意元素之间的相对重要性和考虑用户的阅读习惯及视觉焦点。当需要展现的信息内容较多且不可删减时，最好对信息进行优先级的划分，且分析用户的核心行为；并通过位置、大小、距离、内容形式、表现方法来建立信息层级；设计过程和结束都要不断审视页面视觉流，看看用户浏览是否顺畅。页面布局一定程度

产品 2017年07月19日

从零开始，带你掌握空状态设计的正确方法

​​​空状态是APP内必然存在的一个状态，适宜的空状态设计可以提升用户体验，实现用户留存。鉴于空状态在异常状态下的重要性及容易被忽视的现状，本文以实际设计需求为例，从拿到需求到提出疑问，再到解决疑问，提出解决方案，设计方案呈现，逐一展示空状态设计的正确打开方式。文章大纲：​需求&提出疑问： 了解空状态设计需求，了解空状态是什么？旧版本的问题在哪里？如何以及为何要带给用户

产品 2018年03月09日