推荐阅读
Illustrator绘制矢量风格的中国花鸟画
平时做东西没有做教程的习惯,做教程太麻烦做一会就要截图再说明,所以此教程是整体完成后反向编辑出来的。所以有些地方讲的不是很详细,但我想通过整体的流程大家也能看明白的。如果有不明白的地方可以Q我。先到网络上搜索一下工笔画的素材,以供一会创作时做为参考(参考不等于抄,要有自己的创作成份。不要说这种找素材的行为可耻,如果你够牛B可以自己画。我不拦着你!)我是双显示器,把素材放在左面的显示器后就可以开始画了,整个过程的使用绘画工具很单一,就是钢笔工具。先把花的轮廓勾出来。把每个花瓣用渐变工具填充颜色,然后把每个独立的花瓣置于不同的图层位置,看上去层次要对。
FrontPage 2003教程 FrontPage2003建站全攻略(一)
在浩瀚的Internet建设自己的家园,这是我们的需求,无论是个人、还是组织。 在创建网站之前我们事先在我们的硬盘中建立一个存放站点所有文件的目录。 模板建站 FrontPage可以适合不同个人和组织的需要,自动建立网“巢”――站点。 操作 打开站点建立窗口:点击“文件-->>新建”,在打开的窗口中可以看到自动建立站点的各种向导和模板。 向导特点:选择向导程序列出的条件元素,创建某类有个性的站点和网页 模板特点:直接采用已经设计好的条件元素,创建某类统一的站点和网页 在FrontPage中,使用向导创建的一般是比较复杂的商业和大型站点,不适合个人在网上安家筑巢。我的网上小家就使用模板建立站点就够了。 操作 选择模板:在新建站点窗口,选择“个人站点”模板。在右面的选项栏中设置站点文件的存放地址。建议新建一个有意义的存放地址,如“e:\webcom”,点击“确定”。 操作 查看站点结构:点击程序界面的“视图”窗口中的“导航”按钮,可以看到建立的站点由哪些文件组成以及站点的结构。 我们看到,个人站点模板的结构是主页下面有五个子页,分别是“自序”、“兴趣”、“收藏夹”、“图片库”、“反馈”,而在文件夹列表栏中列出了站点中的文件,其中“image”文件夹专门存放图片,另外还有五个HTML文件,其中的myfav3.html是备用的子网页文件。其他四个HTML文件分别对应主页和三个子网页。 操作 查看站点中的网页:在导航视图窗口的网站结构示意图中点击某个网页结构图标,如“主页”结构图标,可以打开该网页,我们就可以在窗口中看到这个预先定制的网页大概结构。点击文件夹列表中的文件也可打开。 注意,打开网页后,我们可以看到导航视图窗口切换到了网页视图窗口。 操作 保存和打开站点:保存站点的工作很简单,当关闭FrontPage的时候,按照提示就可以保存站点。实际上,保存站点主要就是保存网页,因此在修改编辑网页的时候,要时刻注意到保存。保存的方法和在文字编辑程序中保存文件类似。打开站点要复杂些,选择菜单“文件/打开站点”,找到站点所在的目录,找到站点文件夹(是一个带有小圆球的文件夹图标,是FrontPage建立的站点管理文件 操作 删除站点:删除站点很简单,直接在Windows中删除站点所在的文件夹即可。也可在程序中删除。 进一步学习的建议:熟练使用各种视图和窗口,使用向导创建复杂的商业和项目站点。使用导入向导,将别人已经建立的站点导入,成为自己可以利用的站点。 模板建网页 目前,我的网“巢”还只有一个主页,三个子页,我想再添加一个“我的简历”的子页。 使用模板创建站点,站点中有几个网页都是事先设计好的,大多数情况下,都需要添加网页,或者用新设计的网页替换掉事先设计的网页。建立新的网页,使用向导和模板是最方便不过的了,因为FrontPage提供的网页模板非常丰富,可以满足大多数情况的需要。 操作 打开网页模板窗口:在视图窗口中点击“网页”按钮,切换到网页视图。选择菜单“文件/新建/网页”,打开新建网页的模板选择窗口。注意,不同的视图窗口,使用“文件/新建/网页”菜单命令的结果不同,后面我们将会提到。 在网页模板选择窗口中,有三个标签页,在“常规”标签页中有三十多个模板供选择,一般个人网“巢”中的网页使用“常规”标签页中的模板就足够了。根据我新建网页的内容和预想的设计,我选择了“带有标题的宽行正文”模板。 操作 选择模板:点击“带有标题的宽行正文”模板项,然后点击“确定”,程序即开始按模板新建网页。 回到主窗口,就可以看到一个有大概结构的网页,这个网页以很清晰的方式提示我在哪里放标题,哪里放正文,网页段落结构也排得很好,我只要按照提示添加内容就可以了。 新建立的网页还没有保存在硬盘中,由于这个网页是要添加到刚才新建立的网站中去的,因此,我们将它保存到网站文件所在的目录(e:\webjxcom)中。 操作 保存新建的网页文件:选择“文件/保存文件”,在弹出的保存文件窗口中选择“e:\webjxcom”目录,并命名文件名为“Mytravel.htm”。点击“确定”。 操作 预览网页:建立了网页后,就可以通过浏览器来观看该网页了。在FrontPage中可以直接调用系统集成的IE浏览器来查看。方法是在网页视图窗口打开某网页,然后选择“文件/预览网页”即可。我们在编辑修改的时候,大都是通过FrontPage内置的预览功能来查看网页的制作效果,方法是在网页视图的主窗口下面选择“预览”标签项即可。 操作 查看文件列表:点击“视图”窗口中的“文件”标签按钮,在主窗口中列出了站点文件夹和所选文件夹中的文件。在文件窗口中,我们看到刚才保存的新网页文件已经位于其中,并可以看到该文件的一些属性。双击这些文件时可以在网页视图窗口中打开编辑。 网页标题就是网页在浏览的时候,显示在浏览器窗口左上角的标题文字。这个标题可以让访问者了解该页的内容。 操作 修改网页主标题:打开“文件”视图窗口,在文件列表窗口找到Mytravel.htm文件,点击“这是主标题”文字,然后输入“我的游历”。另外,可以将“主页”文件的标题改为“豆豆之家”。注意,主页的标题也就是站点的标题。 进一步学习的建议:了解各种网页模板的结构和适用方向。学习使用向导创建有复杂表单的网页。学习创建带框架和样式表的网页。 修改站点和网页 基础的站点和网页建立好后,我就需要在这个基础上按照我的梦想修改了。首先,我要在第二级网页中增加一个“我的简历”网页,其次,要在“我的兴趣”二级网页下增加三个三级网页。 操作 将已有网页添加到站点:在视图窗口点击“导航”按钮,切换到导航视图。在文件夹窗口中将Mytravel.htm文件拖动到“导航”窗口,仔细选择停放的位置,让示意图标和其他二级图标在一个线上,然后就看到Mytravel.htm文件成为站点的一部分了。 注意,在站点中添加了网页后,站点中的某些网页将自动发生改变,当Mytravel.htm文件(“我的游历”网页)成为index.htm(主页)的下级网页后,我们在网页视图窗口查看主页页面的时候,会发现该页面已经将“我的游历”这样的字样添加进去了。 操作 添加新网页到站点:切换到导航视图,选择“兴趣”网页示意图标,然后选择“文件/新建/网页”(或者工具栏中的“新建”按钮),在“兴趣”网页图标下就看到一个新的网页图标,这个网页是属于“兴趣”网页下的子网页,但是一个虚拟的网页,并没有对应的文件。双击新网页的示意图标,即可在站点文件夹中生成一个简单的模板网页。重复以上操作三次,就可在站点中添加三个网页。 操作 在站点中打开和关闭网页:打开站点的网页非常简单,在导航视图窗口或者文件视图窗口双击要打开的网页即可。打开网页时程序将自动切换到网页视图窗口。不过注意关闭站点中暂时不编辑的网页,以使系统节约资源。 操作 修改网页的文件名:新建的网页我们可以改成自己需要的文件名和主标题。这个工作既可以在“文件”视图窗口中进行,也可以在“导航”视图窗口中进行。 操作 站点的调整和删除:站点的调整很简单,直接在导航视图窗口中拖动要调整的网页就可以了,删除站点的网页也很简单,选择网页文件或者网页示意图标后按“Del”键即可。修改后的站点结构如图10所示。我“家”的雏形已经基本建立起来了。 进一步学习的建议:设置网页的高级属性,自定义网页模板,进一步修改站点结构,建立复杂的网站,站点和文件夹的管理和相互转换。 竹篱围青瓦,芍药伴鹤眠。苔痕上阶绿,簌影落窗前。咦,谁与我家比美? 页面修整 通过模板建立的网页,常常预先置放了些标题栏、目录栏(一般叫导航栏),导航栏都是用很多元素组成的,结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次的修改,FrontPage也不允许操作者修改,但在某些项目上,我们还是可以根据自己页面的要求来修改。 操作 修改页面的主标题:在主页(index.htm)的页面上部,模板预置了一个名为“主页”的横幅标题,这个横幅标题和整个主页格格不入。点击横幅,按“Del”键删除,然后在同样位置插入一个事先准备好的横幅图片为主页标题。 操作 修改导航条的链接:在主页的左边,有一个导航条(目录栏),在建立站点的时候,导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改,只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标,然后选择输入文字“给我写信”,设置文字的超链接,这里的链接地址设置的是我的邮箱地址“mailto:web@webjx.com”。 操作 删除页面元素:在主页的右下,程序放置了一个LOG图片,这个图片和我的主页不符,选择该图片,按“Del”删除。 操作 给页面添加水平线:水平线对于规划页面有很大的作用,可以让页面清楚,简洁。在要插入水平线的位置点击鼠标,选择“插入/水平线”,水平线就出现了。注意,一般模板网页的水平线由程序自动设置外观属性。而其他情况下,将由操作者自己设置水平线的颜色,粗细等。 进一步学习的建议:页面长期编辑后,可能会留下垃圾(无效代码),如果想做得更专业一点,可以在HTML标签窗口修改源代码,或者使用其他网页制作工具休整。 表格 表格实际和文字、图片一样,是一个网页的基本元素,但表格在网页中,更大的用途是来规划页面。实际上,在网页编辑中,通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的,特别是图文混排的页面。 在FrontPage中添加常用的数据表格,和在Word中添加表格一样的方便,直接使用插入表格命令,然后填写数据就可以了。甚至还可以将Word文件中的? 粘贴进来。 操作 添加一个简单表格:在要插入表格的位置点击鼠标,选择“表格/插入/表格”,在弹出的对话框中设置表格的属性,然后选择表格的行数――2,选择表格的列数――1,然后指定表格的宽度,可以设置表格的宽度占网页宽度的百分比,或者直接设置表格的绝对宽度――像素。其他设置表格边框线的宽度为1,设置单元格间距为2。确定即可。 操作 在表格中添入文字:在表格中输入文字和在普通编辑页面中输入文字没有什么区别,另外,在生成主页模板的时候,程序在网页中添加了一个高级控件,可以自动显示网页的更新时间。将这个控件拖入到表格中。这样,一个显示网页制作者的表格就制作好了。 操作 设置表格的属性:表格的属性比较复杂,分成单元格属性和表格属性。选择表格,然后选择菜单“表格/属性/表格”,在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动,表格的浮动是设置整个表格的对齐方式,而一般的对齐方式是设置表格内的元素的对齐。 操作 图文混排:在需要的位置加入一个只有一个单元格的表格,并设置好其他属性。在表格中添加图片,并设置好表格的大小。再设置表格为“左浮动”,调整文字,让文字在表格的右边。这样,图文相配的混排就得到了。 进一步学习的建议:表格的操作比较复杂,需要反复的练习,学习如何用表格构造特殊页面,如何实现复杂的图文混排等等。
微软新专利三维茶壶作用户界面
根据美国专利商标局近日公开的档案,微软在2006年7月14日申请了一份专利,主题是“3D用户界面的创建”,很可能关乎下一代Windows 7操作系统的界面发展。 据悉,该专利使用茶壶模型作为演示,描述用二维贴图表述三维用户界面(UI)的概念,呈现三维交互式场景。 实例:茶壶 3D用户界面创建流程 根据美国专利商标局近日公开的档案,微软在2006年7月14日申请了一份专利,主题是“3D用户界面的创建”,很可能关乎下一代Windows 7操作系统的界面发展。 有趣的是,微软在附图中使用了一个茶壶作为演示。当然,这并不代表微软准备做一个“茶壶立体界面”,只是说明如何把2D界面转换成3D界面。 专利摘要: “在一个三维(3D)场景中,3D用户界面(UI)创建系统可以把一个二维(2D)交互式UI映射成3D物体模版。映射之后,2D UI的功能还是一个简单的用户界面,但看起来相当于3D物体的一个皮肤。
最新发布
20款顶尖的案例和优点分析做好设计
在今天这样一个互联网+时代,绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么的重要。这些潜在客户对你的公司及产品印象的好坏,很大程度上取决于你在网站设计上投入精力的多少。所以花时间构思一个好的网站设计,特别是主页部分的设计非常关键。用户点击完搜索结果后首先跳转到的页面就是该网站的主页,主页直接影响到访客对该公司及其产品的第一印象,所以必须把这个页面尽可能设计得友好且抓人眼球。在欣赏这20个优秀的主页设计之前,我们先来介绍一下现代主页设计应包含的基本要素。有效介绍你的公司的能力一个主页最重要的部分在于它能否有效地吸引访客的注意力。所以关键在于,你的主页能否在几秒钟内解答访客心中的三大疑问:1. 这是个什么性质的公司?2. 这个公司具体是做什么的?3. 和竞争对手比,你的优势在哪?如果你的主页能够准确清晰的回答这三个问题,那么访问者就能在了解你的公司的基础上有把握的购买你的产品及服务。许多企业有其独特的标语或简短的口号,用以凸显其价值主张(UVP)。他们通过简练的语言传达出公司理念,与访客建立起一种联系。所以这些标语经常出现在主页上,并大量的用于公司的品牌营销策略。
设计师必须知道这些包装作品的小技巧
上期简单的介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。我们包装的目标就是:吸引眼球。我个人觉得要想吸引眼球就要注意以下两点——层级与细节。接下来的时间,我们就来了解一下层级与细节具体是什么。一. 层级1.1 颜色层级很多作品包装背景颜色都是有深有浅,为什么?其实就是打造一种颜色层级,刺激视觉感官,看下图:左侧黑白相间的版本要比右侧纯黑色层级更丰富,在展示作品的时候,就会给人一种视觉冲击力。来看真实的作品排版包装,如下图:当然颜色层级不一定非要用深浅,色相的对比也可以,如下图:
浅谈设计中如何制造信赖感和惊喜感
如何给用户制造信赖感和惊喜感,一直是体验设计的难题,这篇好文作者总结了关于这两方面的经验,建议阅读。信赖感近和业务方讨论产品体验目标时,「可信赖」一词被多次提到,那么都有什么因素会影响到产品的可信赖感?如何通过体验设计手段,打造能赢得用户信任的产品呢?在此抛砖引玉,欢迎探讨。专业的整体印象专业与信赖的关系密不可分,展现出产品的专业程度,有利于快速获取到新用户的信任,在高质量的内容基础上,我们也可以通过设计进一步固化「专业」的印象。1. 氛围渲染在上图这个案例中,产品关键功能的截图并不是孤立展示的,而是嵌入在具体的使用场景(老板和员工正在交谈)之中,通过高质量的场景图/视频,可以有效强化用户对产品专业性的印象,这种方式在不少 B 类产品首页都能见到。除了以上这种形式,在页面中透露出产品当前已经取得的成就,比如具体的数据、来自已有用户的正面评价等,也是常用手段之一。
UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好,有些人喜欢看一些纯设计技法或者设计教程,有些人喜欢看一些偏理论的知识点,比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔,每一方面都要看一下,这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法,相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求,teambition是一款团队协作软件,由于公司使用的是tower,所以目前teambiton我是用来管理个人需求。我用过tower,可能觉得界面不够美观,有些地方体验不是特别好,不过用来团队协作应该也是不错的。由于朋友的推荐,我就尝试用teambiton来管理个人的日常需求,发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多,这里只是做个示例,希望有兴趣的自己体验一下。产品设计流程图(PM)App设计流程图适合全新App设计,整理出所有大致需要做的东西,然后按照从左到右的顺序分别完成。
详细解析6个简单实用的字体设计招式
在说字体设计之前我不得不提一下“格式塔心理学”,这是我们省略与变化字体笔画的理论基础。我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。格式塔心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特征组合成一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。格式塔心理学主要有相似性原理、连续性原理、封闭性原理、对称性原理等,举例来说,比如我们看到下面两组图形:我们可以观察发现,虽然上图中的几组图形线条没有完全闭合,但是我们依然能看出它们是方形、圆、三角形,我们的大脑会自动填补元素与元素间的空白部分,形成一段不存在的图形,这就是格式塔心理学中所说的封闭性原理。这里弥补的元素就是线段和圆点,从而有助于我们得出一个“All roads lead to Rome.”这样的结论(善于举一反三,发现新的元素)。通俗地说格式塔就是感觉(知觉)的最终结果。是我们在心不在焉与没有引入反思的现象学状态时的感觉,这种感觉是不受外界因素约束的,来源于我们自己的感知。现在字体设计都是用计算机辅助来做了,人就越来越懒,不愿意动手,很多设计师的电脑里都安装了上百款中文字体和上千款英文字体,(说的夸张,但是不为过)琳琅满目,感觉好像没什么必要去自己动手设计。其实不然,电脑字体库的字也是被设计出来的,有些字体还广泛运用于各行各业,如:黑体、宋体大多数运用在比较正规的文件上。Pingfang SC,Helvetica字体被很多互联网设计师用在了App界面设计中,成为了扁平化设计里面的信息承接元素。然而很多大公司都已经为公司的App设计了独特的字体(主要表现在0-9数字和A-Z字母上)。设计师们都应该明白一件事情(物以稀为贵),做出具有自己个人风格的设计是最有意义,最有特色的,最能体现自己的设计价值。曾经有一位同事,深耕高端化妆品行业十几年,每个case设计都是那么的符合品牌风格(高端、大气、上档次),不过后来有一次做了一个公司邀请函类似的设计,上面涉及到几个字的字体设计,那真的叫一个丑(小伙伴都惊呆了,这是你设计的么,你认真了么),难道此时要说这位同事设计水平很差吗,不尽如此,她只是没服务过这样的设计,不擅长。一般情况下,国际高端品牌的设计都是不会出现字体设计的,它们更加崇尚极简主义,是用买了版权的字体,直接传达品牌的内涵(BMW、EsteeLauder,LouisVuittonden、Mercedes-benz等,有兴趣可以去看看)。那有人问了,这样不用做字体设计的设计还是设计么,肯定的回答,当然是了,而且是很牛的设计。(承载品牌文化的传播文案,富有意境的拍摄图片,配合文案的产品意境摄影等等,哪一项都考验着营销设计团队的点,有感觉的那个点,这里只可会意,不能言传)。写到这里,是不是有点跑题了,然而并没有。做字体设计的前提:设计师必须要视所服务品牌的情况而定(不是所有的品牌都合适),服务品牌的品牌文化沉淀了多少年。一般情况下,没有做字体复杂设计的品牌都是有很多年的品牌传承,而且是走在了时尚的前沿(上面举了一些品牌)。像我们现在所处的互联网时代,很多品牌如雨后春笋般的涌现出来(品牌沉淀时间远不及很多实体品牌),需要通过一些变化多端的字体设计来迎合消费者(要求越来越高),从而衍生出很多风格差异化很大的设计传播方式(卖萌耍贱、吐槽恶趣味、马赛克……不胜枚举)。这些风格更多的表现在公司运营上( 活动、企业文化周边产品、微博大号、微信公众号……),有了差异化的设计方式也就同步伴随着产生了多元化的字体设计,多元化就需要涉及到多种方法和理论支持。字体设计的精髓:精通结构,移花接木;组合外形,达到内涵。很多初会门径的设计师会感叹:哇,他这个字体设计的好牛啊、这个变化的好有趣、好卡哇伊啊……(一波夸张的表情脑洞飘过~~),怎么样在字体上移花接木,妆点它们,废话不多说了,直接看下面的几种方法(更加实用,比很多知识论坛里面的来的简单,粗暴,直接)第一式:移花替换 妙手回春移花替换是根据文字的内容意思,在统一形态的文字元素加入另类不同的图形元素或文字元素。用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
时下流行的侧边栏导航到底好不好用
厌倦了传统顶部导航的设计师,越来越偏爱侧边栏导航了。这种常见于页面左侧的侧边栏设计,已经成了许多独树一帜的设计师的选择了。侧边栏导航看起来不错,它简化布局的功能似乎也很强大,那么它真的有效么?用户是否会认可这种设计呢?今天,我们仔细分析一下侧边栏导航的优缺点和使用状况,尽可能精准地对这种设计手法进行界定和判断。无处不在的侧边栏导航侧边栏导航和菜单设计的演变有着密不可分的关系。响应式设计的流行使得向移动端偏移的网页设计,不得不采用菜单栏来替代传统的导航模式,其直接的影响就是催生了汉堡图标。随着汉堡图标的流行,弹出式的菜单也越发的常见。其中有些菜单是完全开放式的,而有的菜单则带着下拉框,还有一部分直接是弹出的菜单界面。而为了兼容大量的移动端界面,下拉和弹出式的菜单大多采用的是纵向布局——而这和侧边栏的设计,是如此的相似。换句话来说,这种垂直的导航就是一种弹出式的侧边栏导航。目前,这种左侧侧边栏导航的设计已经成为一种持续迭代中的设计趋势了。现在我们看到的侧边栏设计,常常使用单一的纯色打底,包含较少(但是重要或常用的)选项,导航栏顶端通常会包含有品牌或者网站LOGO,文字链接,以及带有小图标的社交媒体帐号的链接。想要这种侧边栏设计能够最大化的发挥作用,诀窍在于控制好侧边栏本身和右侧网站内容的对比度,它要包含足够清晰可见的导航条目,还要能在移动端上良好地运作。还有一点值得一提:不要因为屏幕侧边够长,就试图用链接和内容将侧边栏填满。留白是完全可以接受的,在简约之风大行其道的今天,尽量只保留必须的内容,让留白来凸显它们,才是合乎道理又符合趋势的设计。今天的文章中的许多优质案例,都遵循着这样的设计逻辑。侧边栏导航的优点
这三个通用设计规则适用于不同设计领域
怎么样的东西才算得上真正的设计呢?面对这个问题,也许你的祖父会这样回答:“设计?那些精美的电影海报算是设计出来的吧,iPhone算是,Facebook 应该也是吧?”关于设计的名言我们听过太多了,“设计不止是看起来漂亮,还要能完美运行”“少即是多”,Dieter Rams 说的,Jony Ive 说的 , Don Norman 等等等等。不过对于绝大多数人而言,设计的领域依然是成份复杂、类别多样的庞大体系。其中许多细分的领域,即使身在设计行业中的你我,甚至听都没听说过。我们必须承认,设计的领域很庞大。当然,对于广泛意义上的设计,我们都能够明白它是什么,这并不难。也许探讨设计最根本最基础的东西,有点“侮辱智商”,但是这是有必要的。从事设计行业这么多年之后,我逐步归纳出设计领域的三个通用规则,而这也是我们今天要聊的话题。我们今天所探讨的广泛意义上的设计,是有计划、有目的地创建一个对象,一项产品,或者说一套系统。艺术和设计常常被并举,然而艺术只是一个名词,设计不仅是一个名词,还是一个动词。设计所涉及到的不仅是产品,而且包含了创造产品的过程,被精心设计的产品 常常给人一种它就应该是这样的感觉。从本质上来讲,设计是一种思考方式。而设计师需要像工匠一样,在不断地设计和实践中打磨他们的思想。“许多职业的主要差异在于时机。艺术家和科学家都面对着此刻真实可见的世界来创作,而数学家需要在现实的基础上,将特定历史时期的事件抽象出关系,再行运算。设计师则不同,他们是将想象中未来应当存在的东西创造出来。”——John Chris Jones1、复杂隐于简单设计并不简单。设计从来都不简单。LOGO并不是那么好设计,因为它足够简单。同样的,iPhone 看似简单那是因为它复杂的功能和设计都隐藏在屏幕背后。一捧泥土一块石头足够简单,可是它们是否包含好设计?的确,“少即是多”适用于很多设计领域,从UI设计到室内设计均是如此。
3个方面提升字体创意设计的水平
字体,对于我们设计师来说再熟悉不过了,而今天要聊的「字体的创意设计」,在我们工作中会高频率出现,譬如设计广告物料、营销类 Banner 或品牌标识等等,需要针对主题文案进行图形化设计,从而进一步突出主题,吸引用户。如何更好的帮助我们提升字体创意设计的 Level ,我认为值得深入的探讨。开始之前,先问大家一个问题:做为设计师,你会如何去进行字体的创意设计?大家不妨花几分钟的时间思考一下答案。如果曾思考过这点,相信你一定有一套自己的设计方法。但在很多时候,我们的流程会存在问题:我们喜欢先入为主,一味运用图形设计手法大刀阔斧的改造字体,这种方式显得盲目,有生搬硬套的嫌疑。虽然我们的设计过程千差万别,但很大程度上要依赖设计师的审美和设计能力,经验丰富的设计师就算走了弯路,最终还能回归理性思考,Get 到设计要点。但是对于初级设计师,尤其很少接触字体设计的朋友们来说,一定会有些力不从心,无处下手。所以,我一直在思考有没有一种高效的方法,或者找到决定字体创意水准的关键因素,能帮助我们有效的思考问题,提高设计产出质量。以下观点供大家参考和交流。我认为设计师在着手「字体的创意设计」时,可以从三个方面去思考:1. 图形创意图形创意是我们最容易关注到的点,也是体现我们设计能力和创意重要环节。图形创意有哪些方法可循,后面会详细列举。2. 字形结构进行图形化设计的基础毕竟是「文字」,它仍然需要传达字面信息,这就关系到阅读性以及字体的美感,所以我们需要从汉字的造字原理和结构出发,分析字形结构和视觉感受。
写给设计师的信息架构基础知识指南
我们每天接触的互联网,其中包含了巨量的非结构化的信息,混沌,庞杂。可是人的大脑实际上是难以察觉、理解孤立存在的东西的,而我们所熟知的数字产品,网页,APP等,其实都是设计师精心设计之后的产物,它们的共同特征是易于使用,且结构化。其中的内容和完整的导航交互系统紧密的结合在一起,用户可以自然地感知、接收、理解。这种协助内容搭建架构的科学,就是我们今天要探讨的,信息架构。信息架构是什么信息架构(Information architecture ,IA)是一门组织和构建网络、网站、APP以及社交媒体内容的科学。美国建筑师/平面设计师 Richard Saul Wurman 被认为是信息架构领域的开拓者。现如今,许多致力于构建信息架构的专家们甚至都有了各自的信息架构研究所。信息架构专家们的工作,就是致力于将内容按照更易于人们理解接收的方式来整理和排列。在合理的信息架构之下,用户可以更加轻松地理解产品内容,调动产品的功能,在不需要太多工作量的情况下获取信息、达成目标。影响内容结构的因素很多。首先,要了解目标受众的需求和细节,将它们的满意度作为优先考虑因素。同时,信息架构还取决于产品类型和相应的公司。举个例子,我们常见的电商类网站和博客就是两种类型的网站,因为两者不同的目标和内容使得它们所呈现出来的信息架构截然不同。信息架构已经成为许多领域的研究基础,包括设计和软件开发。信息架构在设计中的角色如今,以用户为中心的设计是一个大趋势,许多设计师都在学习信息架构,在他们看来,这是高效设计的基础。信息架构帮设计师搭建设计项目的骨架。视觉元素,功能,交互和导航都是在信息架构的基础上构建的。事实上,即使是引人瞩目的内容和强有力的UI设计,如果搭配了不合适的信息架构,也无法让产品走向成功。无组织、导航困难的产品都容易让用户在使用过程中感到迷惑,缺乏信息架构的支撑,交互也很容易出现无效的状况,最终导致用户的流失。许多公司和团队看不到信息架构的重要性,因为他们认为它不切实际。这样的想法并不是没有原因的:信息架构需要时间来构建,而且需要相应的技能来实施到项目中去。强大的信息架构是优质产品的保证,它降低了可用性和导航出现问题的机率。脉络清晰逻辑自恰的信息架构,能够为公司和团队节省时间和金钱,否则他们会在修复和改进上花费大量的时间。信息架构和用户体验设计看到这里,有人会问了,信息架构和用户体验设计是一回事么?当然不是,但是两种技术概念是相互关联的。信息架构主要是生成设计项目的框架,能够展现出网站地图式的结构蓝图。UX设计师将这些东西作为基本素材,以便构建出更为细致到位的导航和体系结构。
10款萌萌的儿童节标配字体打包下载
儿童节马上到来,汉仪字库给大家带来了9款萌萌的儿童风格中文字体,包括高人气的汉仪趣黑、夏日体、小麦体、PP体等。已打包发布,赶紧来收。百度云盘:http://pan.baidu.com/s/1pKUxld5 密码:4c2m汉仪新品——汉仪铸字童年体风格:时尚 / 现代 / 休闲 / 有趣 / 可爱 / 快乐应用领域:标志 / 广告 / 游戏 / 动漫 / 影视 / 包装节日属性:儿童节 / 万圣节 / 圣诞节等字体特征:横竖粗细对比强烈,笔划中加入圆形作为辅助,使这款字体显得更加活泼生动。实例应用:
