网页设计
文章平均质量分 54
我们认识么
浙江大学
展开
-
对设计的感悟
写给大家看的设计书设计的四大基本原则对比,避免页面上面的元素太过相似。 首先我们要知道什么是对比,什么是冲突: 下面这两个相比较,后面那个显然更能吸引我: 然后关于对比接下来这两个自荐信可能对自己来讲很有必要提一下: 自荐信的修改就这样子就好了: 接下来看三个对比 小结:自己在这个过程中要注意一个东西:网页设计的时候很多的时候反色是很重要的,背景变前景,原创 2015-06-12 23:37:42 · 1132 阅读 · 0 评论 -
一个对于三只松鼠视觉稿的分析
先放上三只松鼠的两张图: 整体风格是卖萌耍贱搞促销,设计方面有如下几个点:立体风格的卡通文字。通过深浅色块来表现出三维的效果。深色块、框色块、白色块三色搭配突出主体,之后加上主题。在“01”后面加上三点。部分虚化,比如第一个图的粉色条状糖果。原创 2016-05-27 15:50:51 · 6334 阅读 · 0 评论 -
点石成金:访客至上的网页设计秘笈
第一个原则:别让我思考。 我们认为的 “精心准备的文字’,在用户看来更像是 ”以每小时100英里驶过的广告牌“ 事实上,大多数时候我们不会做最佳选项,而是选择第一个合理的选项,这就是满意策略。勉强应付。 我们会点击第一个我们看起来不错的按钮。 降低视觉噪声:包括背景,以及省略不必要的文字,不用在web上面发扬你的写作艺术,从而降低噪声并且让重点更为突出。其实仅仅导航栏原创 2016-04-08 14:05:39 · 626 阅读 · 0 评论 -
简约至上——交互设计四策略笔记
交互设计的四个策略 总体来讲,交互设计简约至上的四个终极策略是:合理删除、分层组织、适时隐藏和巧妙转移。我们在做设计之前要注意的一点是先到用户使用你的产品的实际场景下去做一个调查,多数设计的评审方案是在安静的会议室里面进行的,在会议室里面所有人都会对设计方案投入十分的注意力,然而却很少有用户是在安静的环境下使用这个软件的。做产品的时候不要轻信专家型用户,一旦听了专家型用户的意见,你做出来的产品原创 2015-08-06 22:09:03 · 1863 阅读 · 0 评论 -
可读性设计规范
1.行宽我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。因此我们可以让内容区的每一行承载合适的字数,来提高易读性。传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。比如下图:2.间距行距是影响易读性非常重要的因素,过宽的行距会会让文原创 2015-12-29 23:49:50 · 1422 阅读 · 0 评论 -
产品\设计\运营\技术 好文
网页设计原则汇总:http://zhuanlan.zhihu.com/pinapps/20091968?from=timeline&isappinstalled=0原创 2015-08-05 00:28:25 · 420 阅读 · 0 评论 -
Facebook产品设计总监:设计原则的问题
决策成就设计app的主要风格应该是什么样的?人们应该如何指导自己做不同的选择?导航应该是什么颜色的?优秀的设计师对每一个设计决策都有逻辑的解释。设计不应该是随意所为,毕竟,有目的的进行设计是优秀设计师的标志。这个app的主要页面是一个信息列表,因为当用户来到此页面时,这些信息是用户最希望看到的。这个app有四个主要的界面,所以底部tab的作用是让用户在主要的页面中进行快速切换。我们不能让导航条颜色太原创 2015-08-05 00:25:53 · 558 阅读 · 0 评论 -
如何去面试产品经理
有木有熟练的使用这些工具:脑图(Xmaind、Mindmanager)手绘原型、Visio、Axure、Photoshop、Excel、Word、PowerPoint; 有木有具备需求分析的知识与方法? 有木有做过用户研究,搞过产品可用性测试? 有木有自学过产品交互、视觉设计等专业知识? 有木有参加过产品需求评审会? 有木有在需求评审会做过需求讲解? 有木有做过竞原创 2015-08-05 00:22:42 · 1058 阅读 · 0 评论 -
随手记
如何创业如何赚钱的点滴找‘市场隐形’需求这个事情相信大部分人都差不多理解,或者有感觉了。感觉很重要,因为上面所有的理论都是站在今天的理解去解释当初的行为,说白了,当初屁都不懂,靠的就是感觉直觉,初生牛犊不怕虎,就一个字‘干’。所以很多时候聪明的人不适合创业,想的太明白,看的太清楚,还没开始就遇见到后来可能出现的困难,比如说聪明人A可能还没开始就知道买卖二手车这个生意有一定风险,一不小心容易买到有问题原创 2015-08-05 00:00:20 · 506 阅读 · 0 评论 -
网页设计的几大趋势
平面设计的崛起 以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别,会平面设计的人可能未必能做好网页设计,但这样的观念是时候革新了。实际上好的平面设计师会将自己的平面设计功底融合到网页设计当中,如果我们在学网页设计的时候只是参照网站设计,那我们永远无法突破。 不论是用平面设计作为背景也好,或者是用平面设计的元素作为网页控件或者装饰也好,实际上好的平面设计会大大提高网站的视觉冲击力。所以原创 2015-08-04 23:40:56 · 454 阅读 · 0 评论 -
背景滚动视差的一个页面[仿雅虎邮箱主页]
自己打算以后可以把这个作为自己官方网站设计的一个标准,雅虎这个界面的网址是https://cn.overview.mail.yahoo.com,然后自己仿照这个做了一个。一开始很多问题,注意要加上 backgroung-attachment: fixed 这样才会没有问题了。<!DOCTYPE html><html><head lang="en"> <meta charset原创 2015-08-15 21:26:01 · 513 阅读 · 0 评论 -
html5 touch引发的一个应用以及营销
首先这里mark下自己搞的一个应用,当然有copy 的成分。这里面有几个重要的地方一个是touch事件的阻止冒泡,这个自己用了一个函数实现了。还有一个是touchstart事件和tauchend事件的处理。还有就是读取到的时间怎么转化成真正的时间。<!DOCTYPE html><!-- saved from url=(0067)http://www.stkeyi.cn/mei/yimiao/原创 2015-08-14 11:18:20 · 618 阅读 · 0 评论 -
关于设计的一点积累
功能 工具名称 win mac 新建psd文档 新建psd文档 ctrl+n cmd+n 新建图层 新建图层 ctrl+shift+n cmd+shift+n 移动图层对象或选区内容 移动工具 v 复制组 ctrl+j cmd+j 拖动画布显示区域 抓手工具 空格键 激活缩放工具 缩放工具 z(默认放大,按住alt缩小)原创 2015-07-31 20:42:11 · 375 阅读 · 0 评论 -
最近的一些设计笔记
首先来一些快捷键操作 功能 工具名称 win mac 新建psd文档 新建psd文档 ctrl+n cmd+n 新建图层 新建图层 ctrl+shift+n cmd+shift+n 移动图层对象或选区内容 移动工具 v 复制组 ctrl+j cmd+j 拖动画布显示区域 抓手工具 空格键 激活缩放工具 缩原创 2015-08-12 16:57:06 · 427 阅读 · 0 评论 -
手机端缩放控制
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕原创 2015-08-11 17:08:32 · 1377 阅读 · 0 评论 -
After Effect弹性表达式的用法
弹性表达式的意思是对于某一个元素,运动到头之后拥有几次反弹的效果。这里先给出一个弹性表达式的例子:freq = 6;decay = 10;n = 0;if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time) n--;}if (n > 0){ t = time - key(n).time; amp = velo原创 2016-04-22 21:01:39 · 21792 阅读 · 0 评论