推荐阅读
UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好,有些人喜欢看一些纯设计技法或者设计教程,有些人喜欢看一些偏理论的知识点,比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔,每一方面都要看一下,这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法,相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求,teambition是一款团队协作软件,由于公司使用的是tower,所以目前teambiton我是用来管理个人需求。我用过tower,可能觉得界面不够美观,有些地方体验不是特别好,不过用来团队协作应该也是不错的。由于朋友的推荐,我就尝试用teambiton来管理个人的日常需求,发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多,这里只是做个示例,希望有兴趣的自己体验一下。产品设计流程图(PM)App设计流程图适合全新App设计,整理出所有大致需要做的东西,然后按照从左到右的顺序分别完成。
使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片,创建可选颜色调整图层,对黄色,青色进行调整,参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层,对黄色进行调整,参数及效果如下图。这一步把草地颜色转为红褐色。
Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了! Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版,安装路径是:C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录:把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后,将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中,选择文件,看看有没有关闭并转到Bridge选项,若没有,需要进行升级,即Adobe Bridge,Adobe Bridge 1.0.2 update的下载地址:http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片,是否?进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)--OK(确定)--关闭Adobe Bridge,重启PS,打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本
Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道,在Flash软件里测试Flash从后台脚本读取数据的时候,不能直接的用如“loaddata.asp”这样的路径,必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了?为什么呢?当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候,他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理,直接读入Flash内部,当然,读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了,所以就无法根据我们的意愿来处理数据了,而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候,他就不再是本地的TXT文件读取命令,而是一个HTTP请求,FlashPlayer把这个请求发送到HTTP服务器,服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系,也可以把写load("loaddata.asp")写到Flash里,上传的时候,把.asp .swf 和包含 .swf的html文件,都放在一个目录里就行了。特别指出的是swf 在取得路径时,是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了,但如果理解了路径的关系,那就非常简单了。好了,进入正题,虽然输入HTTP路径就可以正确读取数据,但是在程序开发测试阶段可能经常需要开发者更换服务器,那样就对我们造成了一定的麻烦,你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径,如果读取了N(N≠0)个文件,难道还要手动修改N次?当然不是,那么通过下面这个小技巧便可以轻松解决这个问题:把SWF文件嵌入到一个ASP页面里面,输入如下代码:<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确,可省%>好了,对ASP有一定了解的朋友应该都明白代码是什么意思了,PHP也可以用这种思路来写,下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件,在Flash影片中便可以直接访问这个变量了,就是_root.myserver。 好的,现在来让我们测试一下结果,先编写一个loaddata.asp,让他返回一个back变量。打开FLASH,新建一个文件。然后在场景中拖入两个动态文本框,分别命名为txt.url 然后在第一帧输入以下代码:mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布
美工LOGO设计全攻略之秘密武器
说到美工LOGO设计,也许你马上会想到 Photoshop , Coreldraw , Illustrator , Flash 等工具软件,没错,正是因为有它们的存在才让我们将一个又一个的梦想变成现实。有关它们的教学与原理因特网上比比皆是,这里我们就不累述了。现在我们想告诉大家的是其他一些秘密武器:比例;对照;复制;还有精微调整! 其实把它们当作"武器"抑或是"工具"都是不恰当的,因为它们主要规定了作品的性质,而不是我们熟悉的传统意义上的"软件","平台"的概念。但在实际创作中它们是如此的重要,以致于在日常的工作中,我们常常把它们从传统的创作过程中分离出来并亲昵地称之为"武器"。 下面我们就这四个问题谈一谈自己的看法。由于篇幅有限我们不可能讲得面面俱到,而且为了便于你对它们的掌握,我们主要用例子,针对一些我们认为平时可能被遗忘或一些错误的认识来阐述我们的观点。 一、比例: 1、原理: 在《牛津现代高级英汉双解词典》中是如此对"比例"定义的:一物与他物在量,大小等方面的比率;部分与整体的关系。而在设计领域我们将这个概念缩小成部件在尺寸或长度上的彼此关系。 "比例"最重要的原则是遵循客观规律,文字比例要使得其易读,形体比例要使得它不会变形而且特色突出。然而,在这种"自然"的客观规律间还有着大量的细微调整,它们虽然不易察觉却直接影响到设计的最终效果。因此我们不要吝啬时间去调整它们以达到最佳的比例。 早在希腊与文艺复兴时代的建筑家就开始找寻一个"理想的"比例规则,其中最出名的就是图一所示的"黄金分割"。
腾讯网新品牌标志的含义
新标志 新标志含义: 环绕QQ企鹅的三种颜色代表腾讯网在蓝色的科技基石上,为公众提供的三个创新层面。 绿色,表示通过学习型创新,提供日新月异生命力蓬勃的产品; 黄色,表示通过整合创新,提供温暖可亲的多元化互联网服务; 红色,表示通过战略创新,倡导年轻活力,创意无限的QQ.com生活STYLE。 旧标志
北京奥运会火炬接力景观设计公布
北京奥组委火炬接力中心于2007年8月启动形象景观设计工作。*美术学院、联想(北京)有限公司、北京服装学院分别承担了景观开发、火炬及延展设计和火炬接力服装的设计。为保证火炬接力景观设计的美观、合理和科学,满足火炬接力运行和电视传播的需求,火炬接力中心邀请国内知名的美术界专家、公关公司传媒专家、奥林匹克专家、奥林匹克转播公司、赞助商代表以及奥组委形象景观专家等进行了广泛的研讨。经过反复推敲,形成最终方案,并得到国际奥委会的高度评价。 展示火炬手服装及火种灯 官方网站 黎晗摄 火炬及延展设计 (一)火炬 火炬 北京奥运会火炬已于2007年4月26日正式对外发布。 北京奥运会火炬长72厘米,重985克,燃烧时间15分钟,在燃烧稳定性与外界环境适应性方面达到了新的技术高度,能在每小时65公里的强风和每小时50毫米雨量的情况下保持燃烧。 北京奥运会火炬创意灵感来自“祥云”图案。祥云的文化概念在中国具有上千年的时间跨度,其所代表的“渊源共生,和谐共融”的意象是具有代表性的中国文化符号。火炬造型的设计灵感来自中国传统的纸卷轴。纸是中国四大发明之一,通过丝绸之路传到西方。源于汉代的漆红色在火炬上的运用使之明显区别于往届奥运会火炬设计,红银对比的色彩产生醒目的视觉效果。火炬上下比例均匀分割,祥云图案和立体浮雕式的工艺设计使整个火炬高雅华丽、内涵厚重。
周杰伦《大灌蓝》海报+片花+剧照
简介:《大灌蓝》改编自漫画《灌篮高手》。周杰伦扮演的方世杰功夫了得脾气顽劣,被驱逐出校门,显然他就是那个未来的篮球天才樱木花道。落魄中无意展示的“中投”神技,改变了方世杰的命运。他加入了大学篮球队,拼命想引起拉拉队中女孩莉莉的注意,而莉莉全身心关注的是风云人物兼篮球队主力箫风。在一场对抗邪恶*的关键比赛中,方世杰终于收起私心,并运用他出神入化的功夫,赢得了比赛...比赛部分处理与周星驰的《功夫足球》极为相似,一场普通的篮球比赛居然能够打到上天入地。一顶毛线帽子,一双破球鞋,周杰伦的惊天大灌蓝颇具周星驰风格,难怪有网友认为,称《大灌蓝》为《功夫篮球》更为合适。 图1 (+点击上图可以浏览大图) 图2 (+点击上图可以浏览大图) 图3 (+点击上图可以浏览大图) 图4 由周杰伦出演的新片《大灌蓝》定于春节档期与观众见面。之前导演朱延平曾说,影片将会大量依靠特技。从最新曝光的片花来看,《大灌蓝》的确采用了漫画式的夸张风格,大量的打戏,特技掺杂在一起,与周星驰的《功夫足球》颇为相似。
著名设计大师王孟友教你如何设计标志
标志:外来语叫logo是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言,除标示什么、代替什么之外,还具有表达意义、情感和指令行动等作用。 标志,按照使用的功能可分:商标、徽标、标识、企业标、文化性标、社会活动标、社会公益标、服务性标、交通标、环境标、标记、符号等。作为人类直观联系的特殊方式,在社会活动与生产活动中无处不在,越来越显示其极重要的独特功用。例如:国旗、国徽、公共场所标志、交通标志、安全标志、操作标志等,各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体、公司及个人的图章、签名等几乎都有表明自己特征的标志。随着国际交往的日益频繁,标志的直观、形象、不受语言文字障碍等特性极其有利于国际间的交流与应用,因此国际化标志得以迅速推广和发展,成为视觉传送最有效的手段之一。我们发展中的中国,早已认识到了这一点!各个单位、个人已经在发展的初期,就意识到要设计一个标志。 标志有很多特点,介绍几点让大家了解:1. 功用性 标志的本质在于它的功用性。虽然具有观赏价值,但标志主要不是为了供人观赏,而是为了实用。具有不可替代的独特功能。具有法律效力的标志尤其兼有维护权益的特殊使命。 2. 识别性 标志最突出的特点是易于识别.显示事物自身特征,标示事物间不同的意义、区别与归属是标志的主要功能。 3. 显著性 显著是标志又一重要特点,除隐形标志外,绝大多数标志的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰。 4. 多样性 标志种类繁多、用途广泛,无论从其应用型式、构成形式、表现手段来看,都有着极其丰富的多样性。 其应用形式,不仅有平面的、立体的,具象、意象、抽象图形构成的,还有以色彩构成的。多数标志是由几种基本形式组合构成的。
微软新专利三维茶壶作用户界面
根据美国专利商标局近日公开的档案,微软在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物体的一个皮肤。
hummer HX 悍马新概念车设计赏
最近悍马在北美底特律车展亮相了一款全新的概念SUV:悍马HX。该款车的出现让通用悍马在此次车展大放光彩。有很多爱好者对悍马HX概念车很感兴趣,那么我在这里就为大家简单介绍一下hummer HX 悍马新概念车。 图1 (+点击上图可浏览大图) 悍马HX概念车以其鲜明的悍马风格,以及紧凑的、畅通无阻的驾驶理念,对当前的越野车市场发起挑战。在2008年北美国际汽车展上,通用汽车展示了这款轻巧、可变的越野车。它由David Rojas, Min Young Kang 和 Robert Jablonski三名刚刚走出大学校园的学生共同设计的一款全新概念的多功能SUV。 图2 (+点击上图可浏览大图) 图3 (+点击上图可浏览大图) 图4 (+点击上图可浏览大图)
与时俱进!2008年LOGO设计趋势参考图
Logoware网站早在今年2月份,将logoorage.com 网站整理的 2008年logo设计十大趋势 翻译和整理,并将该10十大趋势在各个论坛转帖。其目的是推广我们的站点,同时也想借机帮助国内从业者等对国际上的logo设计同行的认识和理解。 2008年logo设计十大趋势其实跟网上原先流行的2003-2007年的logo设计并非出自一家,只是logoorange网站自家的一个归纳。网络上所有流传的logo设计趋势其实来源Logolounge.com,且已经推出了2008年的logo设计趋势。如有好的翻译文章,请不吝赐教。 Supernova 超星体: 图1 Fine Line 优美线条: 图2 FoldOver 折叠及叠影: