推荐阅读
![问与答 用HTML还是用XHTML](/statics/article/imgs/default.gif)
问与答 用HTML还是用XHTML
1、什么是是XHTML? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。 2000年底,国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven Pemberton回答的关于XHTML的常见基础问题。 问:什么是XHTML? 答:XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势,就出现了这样一个问题:如果我们有了XML,我们是否依然需要HTML?为了回答这个问题,1998年5月我们在旧金山开了两天的工作会议,会议的结论是:需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言,而且,已经有数以百万计的页面是采用HTML编写的。 问:为什么XHTML 1.0相对HTML 4.0独立发展? 答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织,(确切的说它是HTML 4.01,是一个修正版本的HTML 4.0,只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问:XHTML 1.0如何实现XML标准? 答:XHTML就是一种XML应用。它采用XML的DTD文件格式定义,并运行在支持XML的系统上。这里要感谢XML的Namespaces功能,浏览器制造商不需要再创造新的私有标签(tags),他们只需要在XHTML代码里包含XML代码片段,或者XML代码里包含XHTML代码片段。 2、与HTML相比XHTML有什么特点?
![字体设计在平面设计中的作用](/statics/article/imgs/default.gif)
字体设计在平面设计中的作用
文字不仅可以表达作者的思想概念而且也兼具有视觉识别符号的特征,它不仅可以表达概念,同时也通过视觉的方式传递信息。对于现代平面设计而言字体设计是不可分割的一部分,字体的美感,文字的编排,对版面的视觉传达效果有着直接影响。 一、字体的造型 在平面设计中,文字起到的作用是向大众传达作者的意图和各种信息,不要把文字设计孤立地看待,考虑文字的整体信息诉求效果,给人以清晰的视觉印象。因此,简洁,易认,易懂,传达作者的意图,表达设计的主题和构想意念成为字体造型的必备条件。 相同的文字在不同的主题中有不同的表现。文字的造型要服从于设计主题的风格特征。不能和整个作品的风格特征相脱离,相冲突,否则,就无法达到文字的诉求效果。掌握设计主题后,根据主题的需要进行文字的“形”、“音”、“义”的造型设计。例如,2003年陈幼坚设计的可口可乐全新流线形中文字体,这也是可口可乐在中国24年来的第一次全新设计。而事实证明,新的中文标识将消费者对可口可乐的购买欲望提升大概五个百分点,从视觉的统一,到意念的统一无不体现出此次的换标造就了一个经典的字体造型设计案例。 二、字体编排设计 在设计运用中,不同的字体造型或编排可以带给观者不同的视觉感受和视觉诉求。前面所介绍的“字体造型”在设计中以“点”的表现形式出现,而成功的字体编排则可以激发人们的艺术想象力,发掘不同字体之间的内在联系,甚至可以将几个完全不同的内容统一在一起。反之则会给人杂乱、无序的感觉。因此,其作用主要是强化视效、加强美感、方便阅读。 字体编排设计从狭义的概念上来讲,所研究的就是字间、行间的距离和视觉流程等问题;从广义的概念上来讲,则更多的是研究字与字之间字体搭配协调所构成的格调,以及版面所强调构图而形成的形式美感。 对于字体编排来说,每一件作品都有其特有的风格。因此,不能让每种文字都自成风格,独树一派。一个作品版面上的各种不同字体的组合,必须要符合整个作品的风格设计倾向,形成统一的情调和感情特征。所谓风格设计倾向则是指作品整体的协调与局部的对比。统一之中兼具变化,从而产生对比和谐的效果。这样,整个作品才会有视觉上的美感,符合人们的欣赏需求。例如,室内设计杂志与平面设计杂志在字体排版上的处理方式就完全不同。字体排版在室内设计杂志中要体现的是一种有序的展示,需要设计者利用各种方式引导读者的视线,并为读者留出恰当的视觉休息和自由想象的空间,给人在视觉上感觉张驰有度。而平面杂志在字体编排上则更为灵活,主要强调的是带给人们的视觉冲击力,这样则要求设计者更注意字体编排时的形态结构,色彩节奏等之间的关系,使文字与图片浑然一体,利用这样大胆的排列方法来吸引观者的目光。 三、设计师在“字体设计”中的创新 随着时代的发展,文字的设计呈现出多元化、艺术化的趋势。那么就要求在设计时体现其构思与灵感的思维的表现。因此,设计师必须先立足于设计主题特性,定位品质,在满足读者的视觉需求的前提下,再在打破传统思维设计的束缚。如此就需要设计师灵感“表达”,要让人理解设计师所传达的作品“信息”与设计师的创意息息相关。
![Macromedia Dreamweaver 安装及使用教程(三)](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRw%5BHW%7BbXevM2WxcH%3Ai%5BF%5BqcHW%7BY3Smd3mocj9zNEB4NERwNkBxO%7BRzOUJ%7BOEl1PUh6Y2NvboCo.jpg)
Macromedia Dreamweaver 安装及使用教程(三)
Form 组的按钮:如图9。 图9 第一个按钮为插入框架按钮,为插入下面的那些按钮作准备。这下面的按钮选项包括:文本框,按钮,多选按钮,单选按钮,列表,文件域,图象域,隐含域,跳转菜单等交互式网页要用到的组件,假如你要制作一个交互式的网页像留言薄什么的,用它做,非常的方便快捷,把初始界面做出来,也就几分钟的事,不信试试。做完了,你会说,哦真棒。 它还有几个选项组,但都不是那么常用了,一个就是它 Character 组它是常用符号组面板,里面为你收集了最长用的符号,这些,你通过手工直接写,是非常麻烦的事,因为它们是源码了,而这儿,可以给你直接的转换成为源码,插入就成。而 Frames 组,则是对页面的分页,也就是分窗口,将一个浏览器窗口分成几个窗口,在每个窗口里加入不同网页,来达到不同的效果。它可以分的总类也如下,可以从图上直接看出来,非常的方便与快捷。而 Head 组则是在网页“head”和“/head”之间加入必要的语句,可以是连接,可以是关键字,也可以是描述性的语句,还可以规定网页的刷新频率等。Invisible 组则是插入网页中看不见的元素了,比如说:换行符,回车符等不可见的符号。主要由这个控制面板来插入。 以上这些,是 Dreamweaver 的基本插入工具,除了属性面板外,就属它最常用了。 4.Dreamweaver 的使用 ① 网页制作。 那好吧,就让我们新建一个文件,看看怎么使用它。新建方法,我就不用多说,一般软件中的新建方法在这儿同样使用,点击菜单 File 中的 New 就行了,或者按 Ctrl+N 也行。 你在这儿就可以插入文字,图象,层等,反正都随你,是不是也是所见既所得。假如我想看一下它的源文件,可以点击右下角的“〈〉”标记,也可以点击启动面板中的最后一个选项。就会弹出来一个小窗口如图10:你也可以打开外部编辑器来编辑它的源代码,比如说记事本。 图10 只要点一下“External Editor…”按钮,Wrap 选项为换行,当你不想横向拉动滚动条,把它选上,文字就自动会换行了,另外一个选项为行号选项,当选上它是,左边将会出项行号,这样特别便于查找,去掉后,就与普通的记事本没有什么区别了。编辑好后,关了它就可以了。 到这儿为止,一般的网页制作中的操作,相信你都已经会了,以上这些都是它的最一般的功能。对付新手的网页制作,绰绰有余。下面我将要给大家介绍一下它的另外一个突出功能:构建站点。 ② 构建站点: 所有设计好的网页,在放到网上去以前,都需要把它组建好,以便于上传,在本地机上就要组织好,而 DreamWeaver 也把这想到了,点击启动面板上的 Site 选项,就会弹出站点管理窗口,和文件浏览器差不多,在这儿,你可以增加文件夹,删减文件,文件改名等等,只要是文件浏览器能干的事,它都能干。并且你可以清楚地看到,你的哪个文件连接到了哪个文件,哪些文件是并列的关系,那些文件是父子关系。你所做的第一步是先建立一个本地站点根目录。然后选择“New Site”打开对话框,在“Local Root Folder”中,输入本地站点根目录的位置。然后输入你的 HTTP Address,如果你还没有该地址,随便输入一个也行,只要好记。最后,按“OK”键就真的 OK 了。以后你从本地站点中删除文件,拷贝文件时,你的站点会自动刷新你的站点文件列表。其余的管理操作,与文件浏览器一样,我也就不多说了。 另外,Dreamweaver 的其他功能和操作还有很多,像图象功能,表格功能,分层和定位操作,框架操作,对象操作模板和库的操作,以及行为与时间线的操作等,那些还暂时地不适合初学者,那也不是我这儿能三言两语能讲清楚了,现在市面上已经有了关于怎样使用 Dreamweaver3.0 的书籍了,如果大家有学精通的意思,我建议大家去买一本读,那会介绍的更详细。 三、我的个人看法 总的说来,笔者认为大家要是想制作出精致漂亮的网页出来,大家最好选择 Dreamweaver 作为网页制作工具,因为除了它的方便快捷的操作之外,它生成的网页源代码是所有网页制作软件中最小的。在网速还不很快的今天,节约代码是很重要的。而 DreamWeaver 除了能把自己制作的网页体积减至最小,并且还能删减像 Word 这类软件生成的庞大网页文件,它能把里面的介绍信息,冗余代码都统统删掉,只留下你所需要的。这恐怕还没有别的软件能与之相比。现在专门的网页设计人员都是选择 Dreamweaver 为网页编辑器,你何不也来试一试呢?
![CorelDRAW创建ㄠ文字--05](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRw%5BHW%7BbXevM2WxcH%3Ai%5BF%5BqcHW%7BY3Smd3mocj9zNEB4NEJwNkBxO%7BJzOEFxPEN1NUZ%7BY2NvboCo.jpg)
CorelDRAW创建ㄠ文字--05
第五部分:背景 25.现在找到彩色@形状的第3个副本,使用矩形工具,绘制一个能够包围@形状的矩形。右键点击调色板最上方的“无色”色板,去除矩形对象的轮廓。现在这个矩形处于无填充、无轮廓的状态。用挑选工具同时选择这个矩形和彩色@形状,执行Bitmaps菜单下的Convert to Bitmap(位图>转换为位图)命令,在转换位图对话框中,取消透明背景选项,确认转换。(图25)
最新发布
![摄影初学者如何拍出好看的风景照片](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByPT9xOkB%7BM%7BF2OUl2NkZ5N%7BN1N%7BRvboCo.jpg)
摄影初学者如何拍出好看的风景照片
好吃的食物可以满足人的食欲,好看的皮囊可以让人心情愉悦,好看的风景能净化灵魂,而摄影师,就是可以将这些美好事物定格的魔术师,你,愿意做这个把美好瞬间变成永恒的魔术师吗?今天西安王老师摄影培训学校的小编就来告诉你,摄影初学者如何成为这神奇的摄影魔术师。 对于摄影初学者首先是要学会拍风景,而对于拍摄路途上的风景则是对自己心灵的洗涤,对思想上的放松,很多人都说,自己心里很清楚应该在什么样的机位,什么样的角度,光圈多大,但就是在实际操作中不尽人意,西安摄影培训学校有话要说啦,那一定是你还不够熟悉和能够灵活的运用相机,并且实际操作太少,缺乏审美的眼光,所以不能够像那些大师一样在同样的地方同样的角度拍出好看的照片,细微的小细节也可以让你的照片不一样。 所以王老师摄影培训学校今天来教你如何快速拍摄出好看的风景: 第一:拍摄天空时,可以先看看天空的色彩是否足够饱满,如果色彩鲜艳,我们可以采取三分法构图。 第二:如果天空的颜色只有一种,比如天气阴暗,或是在山里云雾密布,没有其它色彩相衔接,在拍照时可以给天空留有足够空余的地方,在后期合成天空。
![摄影技巧:泼辣修图快速修出暖色人像效果教程](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByPT9xOkB%7BM%7BF2OUl2Nkd1OUB5NkhvboCo.jpg)
摄影技巧:泼辣修图快速修出暖色人像效果教程
在摄影中,为了获得更加统一和谐的视觉效果,我们通常会使用同类色去打造画面,这样的色彩搭配会让画面的整体感更加强烈,人像照片中更是如此。 但是在实际拍摄中,我们的画面色彩通常比较杂乱,我们该如何来统一色调让画面更加和谐呢?这就是今天我们要学习的内容,最终想要达到的效果是这样的: 一、分析图片 首先我们打开原图: 这一张图片的色彩构成比较复杂,主要有衣服的蓝色、头发和肤色的橙色、树叶的绿色和黄色。那么我们既然要统一色调,就需要确定一个基准色,然后以这个色彩为中心执行色彩转换。在考虑基准色的时候,主要从这几个方面考虑:主导色、自然色、逻辑色。 所谓主导色,即一张照片的主导色调。例如一张照片是以红色作为主要色彩构成,那么我们一般而言就会将其他颜色统一到红色,因为这样调整的工作量最小。 所谓自然色,即符合视觉经验的色彩。例如人物的肤色主要以红色和黄色为主,虽然画面以绿色为主导,但是如果将人物肤色也转换为绿色明显就不符合常理,因此基于自然色的考虑,就需要将基准色确定为红色或黄色或二者的混合色。 所谓逻辑色,即从工具角度出发,考虑各种色彩转换的可能性。例如一张照片主要由A、B、C三种色彩构成,而这三种色彩都能作为主导色,这时候就要考虑哪一种色彩转换从工具上更容易实现。如果A、B、C这三种颜色在色相环上的位置是B在中间,那么A和C转换到B的色相变化幅度就小,因此色彩的损失也就更小,最后获得的效果也会更好。反之,如果以A或C作为基准色,那么必然有一种色彩要经历很大的转换幅度,也不利于画质的保持。
![索尼世界摄影大赛2018年获奖作品(专业组)](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkBzNT9xNUNxM%7BF3NUF6O%7BZxNEB6PEZvboCo.jpg)
索尼世界摄影大赛2018年获奖作品(专业组)
索尼世界摄影大赛面向全世界所有摄影师开放,每年都会评选出一批世界上最优秀的摄影师。索尼世界摄影大赛奖项评选在摄影界具有很高的权威性,可以为获奖和入围摄影师的职业生涯带来很大的帮助。作为全世界规模最大的摄影比赛之一,索尼世界摄影大赛每年不仅吸引了大量新兴摄影师的参加,2018年索尼世界摄影大赛获奖作品已经出炉,下面和小编一起来看一下。 一张整齐折叠并隐藏在岩石缝隙中的手写纸条,刻着一个个十字架的石头,用丝带精心捆绑的一堆堆嫩枝。这些都是宗教信仰的供品,被称为“Ex-Votos(还原物)”,在世界各地的基督教徒朝圣地都可以看到。这些还愿物往往都是匿名摆放的,并且被藏在隐的地方。朝圣者们通过还愿物表达希望和感激之情,在信仰、人和风景之间建立了一种有形的叙述。该项目的拍摄地点选在卢尔德(法国)、巴利维尼(爱尔兰)和 Grabarka(波兰)的朝圣地,包含拍摄对象及遗留印记的正式人物照、大画幅风景照和细节丰富的小画幅静物照。这些照片采用 5x4 大画幅胶卷,让人感受到一种非同寻常的宁静,体现了这些精神冥想圣地所具有的神秘与永恒的气息。随着地点、记忆与历史的交织,人与风景融为一体。注:所有照片都未命名,拍摄于 2016 和 2017 年。 © Alys Tomlinson,英国,2018 年索尼世界摄影大赛专业组发现类一等奖获得者 马背叼羊是阿富汗一项暴力而古老的民间娱乐活动,骑手们激烈抢夺一具动物的尸体,然后扔到一个指定地点。自美国为首的盟军攻入阿富汗并推翻塔利班政权已经过去了十六年,如今这项运动由对立的军阀掌控,为了在这个再次变得四分五裂、动荡不安的国家维持自己的权力,他们可以不惜任何代价。 © Balazs Gardi,匈牙利,2018 年索尼世界摄影大赛专业组体育运动类一等奖获得者
![人人都是摄影师 2019三影堂摄影奖20幅入围作品](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkBzNT9xNUNxM%7BF3NUF6O%7BZzOUF1OkJvboCo.jpg)
人人都是摄影师 2019三影堂摄影奖20幅入围作品
2019年三影堂摄影奖的展览及颁奖典礼将于2019年4月6日举行。本年度的摄影奖共收到534份投稿,其中20位艺术家的作品被遴选入围第十一届三影堂摄影奖作品展。纵观今年所有的投稿作品,有一定数量的投稿者拥有着除了艺术家之外的身份或背景。我们欣喜地看到了在“人人都是摄影师”的年代中激发出作者的多元性,以及他们从不同的方式和角度通过影像这一媒介探索自我以及与世界的内在、外在的联系。 《为了看见天空的画故宫》陈江屿 《寻找无双》周裕隆 《洄》汪滢滢 《第一次妇女集会合影》蒋斐然
![帮你完整地包装你的UI设计作品的13个方法](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByOz9xPUJyM%7BF2NEV6PER2Nkh5PENvboCo.jpg)
帮你完整地包装你的UI设计作品的13个方法
UI 设计师该如何展示自己的作品集?可千万别被网络上那些精美的一图流欺骗了。今天这篇是实实在在的干货,教你如何包装自己的作品,如何展示给面试官看。这里讲的包装,并不是说要让自己的作品集看起来炫酷狂拽,而是让自己的作品有一个完整的过程。本篇文章适合求职 UI 职位的朋友以及 UI 想要转 UX 职位的朋友。什么是UI ?什么是UX ?很多人觉得UI 就是美工,就是做做图。 exucuse me?看我不打死你。UI 和 UX 是不能分离的,没有好的UX,再美的产品也没人愿意用,同理,没有好的UI ,再好用的产品也没人想去尝试。所以,请谨记,UX和UI 是密不可分的。1. 设计流程设计流程会让面试官觉得你是一个专业的设计师而不是美工!!!各位朋友可以看看自己的作品集,里面有没有至少一个项目有详细的流程介绍?根据本蛋的长期偷窥,很多UI desingers的作品集往往只有最终效果图,能有一些Wireframe 的都是少数。我的观点或许跟在座的有些不同, 我认为作品集不应该只有这些最终的炫酷狂拽�,而且应该让看你作品集的人知道,你这些炫酷狂拽是怎么来的。所以,就涉及到了所谓的设计流程。
![设计师详解电商设计中的极简设计知识](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByPD9xOEJxM%7BF2NkRzNUJ6OUR1OEZvdH6o.png)
设计师详解电商设计中的极简设计知识
写在前面:电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。目录1.极致的版式1.1对齐——最基础但也最重要1.2对比——让画面不再平凡1.3有“气质”的留白2.精致的颜色2.1让设计快速出“彩”的方法
![移动APP的7种动效设计和9条设计原则](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByOz9xPUJyM%7BF2NEV6PER1Nkl%7BNElvboCo.jpg)
移动APP的7种动效设计和9条设计原则
优秀的设计是无形的,一个优秀的动效能你的App变得友好而且抓人眼球,但是绝不会让用户分心。今天分享7个移动App 动效的设计技巧以及9条设计原则,帮你做出美观并实用的动效。为了充分利用动效,你必须了解动效在App中的定位和职责,我们一起看动效的种类吧。视觉反馈对于任何用户界面来讲,视觉反馈都是至关重要的。在现实生活中,人们和任何物体的交互都是伴随着回应的。同样地,人们期待从APP元素中得到一个类似的效果。App给的视觉,听觉及触觉反馈,使用户感到他们在操控APP。同时视觉反馈有个更简单的用途:它暗示着您的APP运行正常。当一个按钮在放大或者一个被滑动图像在朝着正确方向移动,那么很明显,这个APP在运行着呢,在回应着用户的操作。下面的例子显示,当用户点击屏幕以示完成任务时,包含有数据的方块就缩小并且变成了绿色。Tinder中使用的左划喜欢右划跳过被大家所熟知,而这种交互方式同样也是一种视觉反馈。这个动画效果已经被我们实现出来放在开源库Koloda中了。功能改变这种动效展示出元素在与用户进行交互的时候,是如何发生变化的。当您想要阐明一个元素功能如何变化时,这种动效是最好的选择。它经常与按钮,图标和其它小设计元素一起使用。
![为电视做UI设计系列教程之基础组成部分](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByOz9xPUJyM%7BF2NEV6PERyPEZ3OUhvboCo.jpg)
为电视做UI设计系列教程之基础组成部分
与电脑、甚至手机相比,为电视设计界面仍然是相对新的领域,也是一个完全不同的平台。为TV设计需要完全不同的思考,包括屏幕尺寸和距离、技术局限、还有使用场景。今天来一个全面的系列教程,本文作为上篇,介绍了电视UI的基本组成部分。欢迎来到电视机的新黄金时代。不仅仅因为出现了更多比从前更棒的产品,我们在自己观看和喜爱的节目上也有了更多选择。虽然我们可以随时随地通过电脑、手机和平板观看,但电视在多数人家中仍然占据着一个特殊角色。但我们对电视的控制,不再只局限于遥控和分线盒;我们开始使用智能电视,或者观看机顶盒的节目,例如Roku和Apple TV,或者使用电视游戏设备,例如Xbox和Playstation。这每一种设备的用户界面,都比老式的屏幕引导要强大百倍。显示器这就是电视不同于电脑、手机和平板的地方市场上第一台电视是由阴极射线管制成(CRT),一种在电视上显示不连续画面的粗糙技术。在屏幕边缘处问题尤其明显,为了补偿,CRT电视只好运用过扫描。有了过扫描,图像自身稍微放大了,所以边缘超出屏幕可视区域的外延。由于广播电视公司预先裁切掉了部分画面,他们想要避免任何重要信息过于靠近屏幕边缘。历史上,曾经有过标题安全区,文字在此处不会失真,还有画面安全区,图片再此区域内可以安全展示。出于一些复杂且可笑的原因,过度扫描在HDTV上仍然存在。现如今建议保留至少5%的外边距,作为通用的安全区,让所有界面保持在区域内。但是,这个百分比可以调整;Google的安全区更窄,而Apple的安全区则更宽厚。我们发现,建立布局栅格时往往要调节安全区。
![巧用5分钟时间帮你学会用户体验流程图](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByOz9xPUJyM%7BF2NEV6PER1NkFzOUBvboCo.jpg)
巧用5分钟时间帮你学会用户体验流程图
在用户体验设计领域,设计师常常用流程图的方法进行需求解析,任务描述,所有情况罗列、发掘新设计点等。流程图是非常有效的将需求转化为具体设计稿的思考工具。本文中,小可将会结合自己的经历,来讲下用户体验设计中流程图(UX Flowchart)的运用。欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC)最早关于流程图的概念由Frank 和 Lillian Gilbreth 在1921年美国机械工程师社团(American Society of Mechanical Engineers)的《流程图:寻找工作最有途径的第一步》(“ProcessCharts: First Steps in Findingthe One Best Way to do Work”)演讲中提出【1】。随着在工程领域中的逐渐推广和运用,流程图(Flowchart)已经成为描述计算机算法的常用工具之一。流程图中的常用图形流程线(FlowLine)是单箭头线,起始于一个图形,终止于另一个图形,代表了流程的流转。通常用实线表示,在多任务间跳转或次要流程流转时,也可以使用虚线表示。起终点(Terminal)可以用圆型、椭圆或圆角矩形来画,通常写着“开始”、“结束”,或其他代表流程结束的短语,如“提交信息”等。操作(Process)用矩形表示,指某件事发生了、做了什么操作等,如“输入身份证号”、“查询交易记录”等。