木子屋 Dnawo's BLOG

分类:网页设计

共 243 篇

设计流程

来说说一些工作中碰到比较普遍的问题,经常听到很多设计师在遇到作品被枪毙或被打回返工后抱怨,比如领导层对作品风格、颜色、细节的不认同,抑或是上头意见变化太快,一天一个想法让设计师摸不着头脑,作品被否定的原因很多,但结果总是一样,那我们不如回过头来看看现在常见的设计流程是怎样的,从中找到问题的根源,并尽量去避免这些问题的发生。 简单来说说我现在所处公司的一个设计流程: 1、产品负责人或者总监会先出一个对要求设计的产品的文字策划方案,然后根据此方案,我们的产品负责人出一个大致的画板草稿,上面标明页面中有哪些板块,那些区域放什么内容等。 2、根据此文字草案和画板,和设计师与技术支撑讨论功能是否能实现,并且可以通过什么方式实现。(主要是设计和技术之间的一些功能需求。)…

网站信息的可用性设计

我们都知道,一个以信息为主要内容的站点,其页面中的信息组织形式、版式、分类等将直接关系到用户在这个页面的浏览体验。 目前网站的信息排列方式主要有以下几种方式: 1.文字列表形式 此种形式在网站中使用率最高,优点是在“寸土寸金”的有限空间内尽可能地放更多的内容。缺点比较明显:单一的文字列表重复使得用户的眼睛找信息找到眼花,浏览体验大大下降,重点不突出。尤其在中文的显示方式下这些缺点则更加突出。 目前设计师的解决办法一般是在每一行文字前加一个修饰点,用以引导用户的浏览;加分割线将每一行都分割开来;控制行间距等等。 当然在某一个区域内进行这样的补偿设计是很有效果的。但是,如果整个页面大量的采用这种方式,则还是会影响用户的阅读。…

FLASH基础开发习惯

总体说明: 每个人玩FLASH一段时间后,肯定都会形成自己的一套开发习惯。好的习惯可以尽可能避免低级失误和不必要的麻烦,从而加速开发进程,提高开发质量。火山现在虽然只是业余爱好者,但两年的积累,再加上“火山之家”的开发,也自然而然的形成了火山特色的开发习惯。这些习惯从某种程度反映了我现在的开发水平,所以它基本上都是围绕着小型、快捷、面向过程的开发模式形成的,很多地方还很幼稚。不过以后随着我能力的不断提高,以及对面向对象编程思想的学习,它肯定还要不断的更新和完善。 库文件夹分类习惯: ● 声音、图片各自放到独立的文件夹。 ● MC则根据栏目进行分类到不同的文件夹。 ● 一般不用图形元件。 时间轴管理习惯:…

广告条制作实战教程

作者南瓜的blog:http://blog.5d.cn/vip/emile/ 结合阿里巴巴和taobao的一些广告条 在此总结一些实用的方法,希望对大家有些帮助 首先是把所有元素都堆上去,文字图片,然后参考设计的内容定一个颜色. 此外我暂时把广告条分为两类: 一类是产品展示型,主要是对客户需要展示的产品做一个排版和设计. 二类可能是一个活动,没有产品展示,需要自己发挥更多. 我们先来说说第一类: 客户提供的产品一般分两类,一类是有完整外观的,比如这双nike,他本身就有一个很好的外形轮廓,一般这种都把产品单独扣出来进行制作.另外一类就是没有明显外形特点的,比如下面的床品.这样的处理方法就会有些特别.我们看例子.…

web设计95%是排版,5%?

臭鱼的blog:http://chouyu.com.cn/ 前不久看到一篇文章《web设计95%是排版》,标题表达的很清楚,95%,那么,美术设计(或者称为图形设计、GUI…总之,是关于色彩、背景图、图标…的设计)只有5%的重要性吗?我们的美术设计师就这么点儿价值? 我们目前的工作中,界面原型基本上确定了网页的排版,而界面原型是由交互设计师完成的。看到这个95%的观点,我暗自欣欣然。然而,我想,这个95%的观点有待商榷。 交互设计目前的主要任务是可用性,所以排版很重要。 交互设计的任务包括: 1.创造出高可用性的界面; 2.让界面有良好的体验-让用户在使用过程中有愉悦感、成就感,感觉到被尊重……

动网风格界面模板总管理各部位设置分析

当前模板CSS设置(StyleName):风格CSS样式管理 当前模板主模块(Main_Style) ┝Dvbbs.mainhtml(0):各类颜色 ┝Dvbbs.mainhtml(1):网页标题、关键字、描述和网站图标等 ┝Dvbbs.mainhtml(2):调用脚本,body相关属性设置 ┝Dvbbs.mainhtml(3):顶部短信广告 ┝Dvbbs.mainhtml(4):加入收藏、联系我们和论坛帮助等 ┝Dvbbs.mainhtml(5):- ┝Dvbbs.mainhtml(6):顶部用户导航栏:已登录用户菜单 ┝Dvbbs.mainhtml(7):顶部用户导航栏:客人菜单 ┝Dvbbs.mainhtml(8):页面结束部分…

动网常见修改方法For 7.1

一、修改LOGO 修改:替换掉该图片即可 二、修改网站名称 位置:常规管理-基本设置 修改:按需求修改即可 三、修改顶/底部横幅广告 1.修改默认菜单 位置:常规管理-广告管理 修改:将首页顶/底部广告代码稍作修改,默认为Flash,可改成图片,规格468*60 2.增添新的菜单 位置:菜单管理-论坛菜单管理 修改:新建菜单即可,注意插件ID不能和已有的相冲突 四、修改登录框右侧会员总数、最新会员、今日发贴等信息 位置:外观设置-风格界面模板总管理-分页面模板(page_index)-template.html(0) 修改:相应位置做修改即可 五、去除登录框下的雅虎搜索 位置:外观设置-风格界面模板总管理-分页面模板(page_index)-template.html(0)…

Flash时光隧道效果制作

这个效果原理非常简单,我们向大家介绍了一个在x轴,y轴复制随即旋转的效果。那么这个效果其实是x轴y轴缩放比例的复制与随机分布。   效果演示: pic/20061109/003.swf   具体步骤   1、运行flash mx。文档属性设置为300*200像素,背景黑色。   2、新建一个影片剪辑1,在编辑区里面绘制一个矩形。使用渐变填充,把右侧滑块的透明度设置为0,进行填充。利用鼠标工具把矩形的左侧拖拽成圆角。设置矩形的旋转角度以及距离影片剪辑中心点的位置。如图1所示。   3、新建一个影片剪辑2,把影片剪辑1拖放到编辑区。在第7帧,第14帧插入关键帧,并移动影片剪辑1的运动位置为斜上方运动。设置第1帧,第7帧,第14帧的影片剪辑1的透明度分别为27%,100%和0%。使它逐渐消失。…

Flash AS制作上升的水泡效果动画

pic/20061109/002.swf   如果一个一个的画,工作量繁重并且效果并不好。我们利用AS的复制语句来实现水泡的数量,利用设置属性来改变透明度,大小等。最后在影片剪辑中设置水泡的左右摆动。这样综合在一起,就可以实现水泡上升的效果了。   具体步骤   1、开MX新建一文档。并适当修改文档属性(400×300,蓝色背景)   2、建一个影片剪辑,命名为“h2o”。进入编辑去以后,利用绘图工具,渐变填充绘制一个水泡。如图1所示。 图1 绘制水泡   3、回到主场景,把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方,在下面的属性面板中命名它的分身名为“h2o”。如图2所示。…

Flash中百叶窗效果的实现

闪吧 aiyi2003 版权所有,在确保版权信息完整的情况下欢迎转载,但不得做为商业用途。 ◆作者:闪吧 aiyi2003 ◆主页:http://aiyi2003.flash8.net ●前言   前不久写了一篇关于百叶窗效果的教程(两张图片的切换),结果很多朋友通过短信、qq等来问我,如果是多张图片该怎么办,呵呵,一个人问、两个人问,还可以详详细细的给他们讲一下制作思路与技巧,但问的人实在是太多了,有点回答不过来,没办法,只好再写一篇多图百叶窗效果的教程了:) ●使用软件   flash mx 2004(或flash mx) ●素材准备 图片(或其它格式的图片) ●效果演示 pic/20061109/001.swf…