Quantcast
Channel: WEB前端设计-记录前端工作中的那些事
Browsing latest articles
Browse All 28 View Live

情感化设计对互联网产品的启发

“产品具有好的功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦。”       美国认知心理学家Donald Norman在2002年提出产品设计的”情感化“理念,随着“体验经济时代”来临,“情感化”业已成为当前互联网产品主要的设计趋势之一。从心理学角度分析,情感是人格的核心,产品真正的价值在于满足人们情感需求,带给人们内心愉悦的审美体验。我们应从“功能控“思维怪圈...

View Article



CSS3有序列表样式

有序列表是一个比较辣手的问题,我不是唯一这么认为的。我们需要先删除默认的样式,在添加自定义的效果,已达到我们需要的目的和效果。 在这文章中你将学到如何自定义效果已达到你需要的目的. THE HTML THE CSS 圆角形的数字 矩形形状的数字 圆柱形数字 浏览器支持,FOX和Google下面效果最好 原文:http://www.red-team-design.com/css3-ordered-l...

View Article

国外酷站:25个以全屏照片为背景的网页作品

高质量的照片能够给网站带来强烈的视觉冲击力,不仅能够增强设计的美感,还可以突出网站的主题。在使用这种大照片作为网站背景的时候,为了能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱,反而适得其反。下面这些优秀的国外网站案例可以帮助你学习如何正确有效的应用照片作为网站大背景,希望能带给你灵感。

View Article

提供几本WEB前端开发电子书(2012/10/31更新)

提供几本本WEB前端开发电子书, 这是本人在网上收集和购买的一些书籍电子版,基本为PDF格式,扫描的质量还不错很清楚。现在分享给大家,有喜欢的可以去下载下来看看。 1、用户体验的要素:以用户为中心的web设计 115网盘下载 百度网盘下载 2、应需而变——设计的力量 115网盘下载 百度网盘下载 3、赢在用户完整 115网盘下载 百度网盘下载 4、瞬间之美__WEB界面设计如何让用户心动 115网...

View Article

图片最大宽度的控制

在做项目时候图片的控制是用到的最多的,为了图片看起来比较好看不被拉伸,一般来说我们多会控制图片的最大宽度和最高高度,唯一郁闷的就是那么多浏览器,兼容麻烦(做梦中…要是只有一种浏览器就好了……..) 我们常用的是设置图片的最大宽度和最高高度,让图片自适应等比缩小,这是最简单的一种,比较悲剧的就是某些浏览器的某些版本不支持。 为了IE的兼容性我们代码变成如下: 图片在超过规定的...

View Article


Web设计的8个趋势

本文译自网站设计公司weavora.com,介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后面都附了数个案例,相信对网站设计师会有一定的参考价值。 单页面 单个长页面的设计一度不受人待见(无论是客户还是设计师),但现在整个互联网随处可见。一个合理的解释是,用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看...

View Article

10个用于设计网页线框图的优秀工具

线框图是一个可视化的导图,可以用其来诠释出一个网站的龙骨,同时也可以称其为一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以低成本且高效率来进行迭代设计。 为了对线框图进行更好的设计与修改,我们会选择一些优秀的工具,当然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。 在设计初期,你可以在纸上或白板上绘制基本的草图,来帮助完成一些用户界...

View Article

交互设计入门(1)了解交互设计

▎1.成功的互联网产品有哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型。 ②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型。 ③有了实现模型和业务模型产品就成...

View Article


交互设计入门(2)交互设计的职能

上个章节讲了为什么要有交互设计,本章主要详述一下交互设计的职能——交互设计师具体做哪些内容? Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。 Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点: 职能的细化就是为了让产品在每个专业环节...

View Article


交互设计入门(3)原型的构建与设计

怎么去组织页面元素,制作原型Demo?哪些表现层面是交互设计师该重点表达的内容?原型的制作又有哪些章法可循呢? Ⅰ. 什么是原型? 原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:①需求内容的呈现 ②导航和链接 ③数据的交换 ①需求内容的呈现 1)文本,多媒体内容的呈现 最基础的web页面就是文字和多媒体的载体,通过文字和媒体把需求内容呈现给访问者是Web设计最最基础...

View Article
Browsing latest articles
Browse All 28 View Live




Latest Images