推荐阅读
法国设计师菲力浦B斯达克
小到牙刷，大到建筑 法国设计师菲力浦·斯达克（phlllipe starck）是20世纪末西方最有影响的设计师，同时也是一个发明家、思想家。 他的作品涵盖了建筑、室壬杓啤⒒车、家电、家具I域，从食品、刀叉餐具、厨房用品、沙发座椅、摩托，一直到餐要、宴会展示场和建筑。不论小到清洁口腔的牙刷，或是尺度巨大庞然的建筑物，他都可以显F出对细节的同样执着。 艺术经历 Philippe Strack于1948年一月十八日在巴黎出生，父亲是一名飞行员及飞机工程师，他是在满室设计蓝图的家庭中长大成人的。在父亲的设计桌上乱画，拆开家里的电器来研究，都是S track童年时的主要消遣，这些启发了他对建筑和设计的兴趣。 其后，Philippe Strack考进巴黎的Ecole Nissim de Camondo学院，主修建筑。毕业后Strack有感读书时过分用功，决定到世界各地去旅行，环游世界后，Philippe Strack在皮尔.卡丹担任艺术指导一职，不久他便成立自己的公司，这时他设计的三脚椅子和Cafe Costes内的布置，使他逐渐受到人们的注意。 真正令Strack声名大噪的，当然是1982年负责法国总统密特朗新居的设计工作，之后的Nani Nani大厦、Royalton和Paramount两间酒店，更令Philippe Strack成为名闻全球的名字。 幽默与设计 像很多天才一样，斯达克小时候既不是好孩子也不是好学生，他的调皮似乎随着年龄的增长而有增无减，成为他形象的一部分。这种儿时的顽皮，慢慢演变为成熟的幽默，渗透在他的设计当中。他的幽默感，从他让事务所的工作人员戴上斯达克脸孔面具可见一般，他在嘲笑自己的同时，也嘲笑了这个端庄做作的世界。尽管斯达克现在已经是设计界少数少年得志的明星，但外表还是一副标新立异、吊儿郎当的模印
关于“层”定位的问题的解答
一. 常出现的问题 当你的表格选居中的时候又插入了层（插入层方法1：object->draw layer）的时候（800*600），分辨率一旦变大、窗口最大化之后，层就错位了，而如果使用菜单(插入层方法2：Insert->Layer)插入层的时候，这个层就会与它的上级元素相对定位，但是一旦在Dreamweaver中用移动工具动了它，它就会马上变成绝对定位，不会再与上级元素相对定位了。 二. 思想： 通过object面板置入的层是绝对定位的层，这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离，代码中的写法是left与top。 通过菜单置入的层是相对定位的层，这个相对定位指的是层与它的上级元素的距离（它的上级元素的左上角），由于这个div中不再有left与top的属性，所以浏览器把它的位置定为与它的上级元素相同 （总结一：只要去掉层的left与top属性就可以相对定位！） 例图： 三. 深入思想： 现在层已经相对定位了，可是只是这样还完全不能满足要求，因为很多时候不能把表格设定得那样准确，否则会把表格搞得很麻烦，把代码搞得很大很大。 如果在上面说做出的相对定位的层的基础上再做一个层对它相对定位，不就解决问题了吗？ 这就涉及到了父层与子层的问题（由于它是层的基础，在书与网上教程中就可以看到，这里不再阐述），父层相对于某点定位，而子层相对于父层定位，就可以达到层的相对定位这个目标了 四. 具*作（只介绍最简单的方法，对代码熟的朋友可以手敲的）： 先在页面内插入表格（可以设居中，表格就居中了，否则几乎无意义），鼠标在某单元格内点一下，让光标在此闪动，然后通过菜单插入一个层，这个层就相对与这个单元格定位了。插入一个层之后，不要动它，而且也永远不要动，但是可以更改它的大小，比如把它的高与宽都改成"0"，让它不再影响你对其他内容的编辑，否则，这个层的left与top属性出现之后就成了绝对定位了，变成绝对定位后你可以把它的left与top属性去掉，就恢复成相对定位了。变成"0"之后，有时子层会看不见，可以按[f11]键点它恢复编辑。 现在光标在这个层内闪动，再通过菜单插入子层，这时子层与父层重叠，你可以随意移动它，不管怎么动，它都是相对与父层定位。 好了，一个相对定位的层（子层）做好了，你可以在里面随意添加内容了，也可以改变它的尺寸、位置、背景等所有属性，但是不要动left与top属性，因为它是相对于父层的左上角定位的。 下面给出父层与子层在Dreamweaver中的属性面板： 父层： 子层： 五. 技巧： 先插入一个表格,在其中一个单元格中插入父层，可以把它定得小一点，比如说20象素宽、10象素高，这样它就不会盖住下面的链接，也不影响子层的相对定位。 如果要用778象素宽定义表格，可以把父层插入到表格的第一行第一个单元格中，这样就可以在所有层制作完后插入父层了！对代码熟的朋友就可以手敲父层而不必再去调整子层的位置了。
XHTML基础教程(二)
合理的添加图片可以使一个网页更加的美观。<img>标签用于在网页里插入图片。<img>标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在</body>前加上如下代码： 保存后浏览网，请确认您的网页与该页面相同。 我们注意到<img>是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt，我们把它叫做做替换属性，当图片由于某种原因而无法显示的时候，alt的属性值就会代替图片出现；而当图片正常显示时，只要把鼠标停在图片上就会看到alt属性的属性值。 我们在之前的教程中曾经学习过创建超级链接，下面我们打开“index.html”并且将刚插入的代码改为下面这段：
最新发布
详细解析什么是优秀的设计思维与方法
在我现在的职业中，每天都在与很多设计师沟通评审设计方案，也会常常做一些面试的工作。这些工作内容让我有很多机会倾听了解其他设计师们的工作方式和思维方式。我越来越发现，在年轻设计师里一些普遍存在的问题，以及他们的困惑。这些问题都相对比较集中。在讲设计思维的方法之前，我想先从两个案例开始。在一次面试中，有位设计师向我阐述他的设计方案。他告诉我他做了市场调研，进行了头脑风暴，梳理了线上流程，研究了信息架构，并且他还体验地图分析了行为路径等等，最后他告诉我的方案的设计关键词是让信息有序化+互动性+社交性。当然实际上他的设计方案与他的分析没有什么关系，因为我听了很久也不知道他要解决什么问题，而方案与设计关键词也并没有太大的关系。我再分享一个案例，是我在一篇文章上看到的，Facebook的总监讲述LIKE的新设计。他对like的新方案的阐述是这样的。这个设计的目的是希望对like按钮进行改进，增强用户互动的意愿，以及提升like的表现力。而他做的第一件事情是理解——什么叫增强互动，什么叫表现力，背后的产品目标是什么?是用户可以更多的表达。然后他开始找如何让这个目标具体化。寻找更多可以被普通认知&广泛使用的reactions。 他通过各种途径去找，最常用的表情是什么，搜索的表情是什么，最多的短评论是什么。这其实是一个相关性的手段，设计师希望可以从侧面寻找大家在表达过程中喜欢用什么reactions，然后他找出来了，并使用之前定义好的原则来进行筛选，完成设计方案。
详细解析字体设计的细节和形式感
字习时间的活动到七十多期了，其中发现很多作品想法思路是正确的，有些还很有意思，但整体视觉效果确一般，那为什么所想和所做会有如此差距?所以有了本期要和大家聊的主题：字体设计的细节和形式感。本篇将会通过一些实例带大家认识字体细节和形式感，所用大部分实例选自我课堂中的现场修改，时间短暂难免有瑕疵，望理解。本期分享目录：一、字体设计的细节01.结构细节02.笔画细节二、字体设计的形式感01.变形02.图形化03.组合多样化
为电视做UI设计系列教程之实战经验总结
当涉及到为电视这样的新交互模式设计界面时，许多在智能手机和平板上有效的模式，都需要重新思考，如何利用大屏幕和遥控带来的输入模式。今天这篇译文采访了英国最成功的TVPlayer背后的研发与设计团队，让高手来教你。Fire TV上的TVPlayer这个任务并没有吓到TVPlayer的开发者们，这是全英国在Fire TV和Fire TV Stick上最成功的电视应用之一。TVPlayer是一款Android原生流媒体应用，可以让你在Amazon和Android设备上免费观看电视直播，它掌握了英国许多收视率最高的频道。TVPlayer在2014年作为Fire TV的一部分同时发布，它的成功一直延续至2015年、2016年。Simplestream，TVPlayer背后的研发与设计团队，接受了打造电视优先体验的艰巨任务。我们采访了运营总监Lewis Arthur和Simplestream的Android开发Michael Jordan，请他们分享Fire TV应用设计过程中的真知灼见，下面是他们的分享。设计过程：从手机到电视在登陆Fire TV前，TVPlayer已经可以在Fire Tablets和Android设备的Amazon Appstore中下载。移动端版本的设计师，将关注点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目的图片布局，主标签内有可滚动的直播电视频道列表。设计师决定坚持“浅色”主题，为了使内容突出，也保持各平台的主题一致。
验证码的应用场景和交互流程超全面总结
最近在做关于验证码项目的时候，从交互的角度梳理了各个平台验证码的应用场景，今天总结一下验证码在产品中出现的场景和交互流程。欢迎关注点融设计中心DDC微信公众号(微信ID：DR_DDC)在一个产品中，会有多个设计师分工协作，也会由不同的设计师做设计迭代，验证码这个“不起眼”的存在很可能会被忽略，导致它在每个场景的显示逻辑不尽相同。下面，我们就来聊一聊不同应用场景下的验证码。网上一查验证码，出来的相关词都是“反人类”，尤其是“反人类”的新高度12306的验证码。△ 图1 12306验证码验证码的存在如此反用户体验，为什么还是不能缺少的呢?简而言之，就是为了证明你是个人而不是机器，我们所知的许多网络恶意攻击都是机器恶意刷导致的，为了安全就必须设个门槛将机器拒之门外。验证码通过人可以识别而机器无法识别这样的逻辑来设计，无论它以什么形式出现，都是个必要的门槛。一、注册我们通常见到它的场景是注册登录场景，注册时会出现在一般注册流程里。大多数网站注册页面选择一页填写完所有信息，一键提交注册完成。在绑定手机号不在主流程内时，验证码多数情况出现在最后一步填写内容。这在老式的论坛很常见。
让你学到交互设计师的逻辑思考方法
文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。先来做个设计需求吧。这个设计需求是：我们需要用户填写活动的名称。第一反应，这个是用来收集信息的，需要用户填写内容，并提交给系统，应该使用文本框。然后大笔一挥，设计如下图：这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是：NO。如何全面地思考？1. 了解需求背景首先我们需要了解这个需求的背景，多问几个问题。为什么要让用户填写?这个信息对我们的业务有什么帮助?
详细解析海报主流毛笔字体绘制教程
毛笔字体包含古代各家书体，如真书(楷书)、行书、隶书、草书、魏碑、篆字、甲骨文等等等数十名家字体。简约却不失张力的视觉感，使得毛笔字体在设计的应用上十分广泛，且多适用于游戏推广包装、商业Banner、影视宣传及个人字体海报设计。毛笔字体海报的版式字体运用的海报设计需遵循视觉浏览信息时的基本规律：“从上到下、从左到右的”。常见海报视觉版式多以对比强烈的图文为主配以几经推敲文案、以及环境渲染的辅助元素，从而营造大空间的视觉体验。简言之：形、势、色。 字体版式以中轴型、分割型布局为主，较为强调留白和图文微细节的处理，偏好简洁的视觉元素。毛笔字体实现方法用软件实现毛笔字体的处理方式较为简单，常见的PS实现方式有以下几种(此处请忽略命名，详细介绍第二种实现方式)：1、字体路径变形法
如何使用这些文案让设计比较容易落地
什么是设计提案?设计提案怎么做?如何组织设计提案?如何增强提案的说服力?设计提案要注意哪些点?今天南宫若沁这篇全面系统的文章，帮你彻底搞懂这些问题。什么是设计提案？设计提案，简言之就是基于现状，针对存在的问题提出设计的解决方案。目的是为了与业务方达成共识，在后续的工作中互相支持，促进最后的项目落地。在商业设计中，常见于设计团队将自主驱动的设计方案“卖”给业务方，获得认可，并提供相关技术合作，达成共赢。设计提案怎么做？充分的准备在项目中进行设计提案，我们需要先行对目前的项目进行全面的了解，可以从以下五点进行准备。我们的用户是谁？老生常谈的问题，你对你所设计的产品服务的用户了解吗?他们年龄多大，是男是女，在何时何地，怎样使用你的产品?要更充分的了解这些信息，主要可以通过定性分析方法，邀约用户进行1v1访谈或焦点小组，初步得出用户的角色模型。再通过定量分析方法，对目前已有的用户属性进行一层提炼，并对定性分析的结果进行验证。综合定性定量分析，丰富用户角色模型，让用户形象饱满起来。
设计师必须要学习的营销色彩学知识
关于色彩，我们聊的最多的就是配色方案和色彩心理学。的确，设计师不止要明白色彩的美学特征，还要懂得用户心理。而从营销角度上来考虑配色的时候，和我们常说的色彩心理学还有一点微小的差异，看看我们今天的文章是怎么说的。为什么Facebook 的主色调是蓝色?根据*的说法，原因很简单：扎克伯格是红绿色盲，蓝色对他而言是最容易识别的颜色。而扎克伯格自己也说道：“蓝色对我而言是最丰富的色彩，我能看清所有的蓝色。”这听起来好像挺扯犊子的吧?虽然事实上Facebook 的色调选取可能并非如此，但是这个事情确实从某些侧面很好的印证了色彩对于品牌，对于用户的巨大影响。毕竟，色彩在视觉上对于人类的影响是巨大的，甚至有研究估算出，色彩对于某些产品的影响超过90%。那么色彩到底是如何影响我们的，在营销过程中色彩又遵循哪些科学原理呢?随着我们针对Buffer 这个产品不断改进提升，我们也越来越意识到色彩对于产品的重要影响。接下来，我们一同来通过最新、最有趣的研究，来探索色彩的秘密。你能否根据基本的色彩分辨出品牌?在开始探索之前，我们通过几个简单的案例来感受一下色彩的强大识别性。根据下面按钮的色彩，来判断它们分辨属于哪家互联网公司：案例1(容易)：
帮你扫清设计障碍的APP内图标使用指南
说设计是带着镣铐跳舞一点错都没有，看似自由，实际上其中包含了太多的潜在规则。这些规则有些是从基本的设计原则中延伸出来的，还有一些则是约定俗成的。它们并不复杂，但是非常值得注意。自从计算机拥有了图形化界面之后，图标设计就已经存在了。相比于文本，图标在人机交互上有着明显的优势：·简单、高效且友好，图标可以更好地替代较长的描述性语句。·更加节省屏幕空间，尤其是在屏幕尺寸越变越小的今天。·赏心悦目，提升整体的设计感。·最后但是同样重要，绝大多数App都在使用图标，这是用户熟悉的设计模式。尽管图标的优势非常的明显，但是设计师考虑不周的时候，图标本身所引发的可用性问题也非常之多。在今天的文章当中，我会总结App UI设计中图标相关的常见问题，并提出相应的解决方案。希望今天的总结能够让你更好地在App 中使用图标，不用在小问题上纠结。1、图标应当正确地传达信息有时候，设计师会忽略图标作为识别性标识的基本功能——图标首要的功能是表词答意的。从定义上来看，图标是一个物体或者一个动作的视觉代表。如果一个图标无法清晰地告知用户它所代表的内容，那么无疑失去了实用价值，成为了视觉噪音。