摘要: 一、网站基础1、 定位网站的类别 网站的类别比较繁杂,从信息流转和提供服务的方式出发,可以分为以下几类: 1.门户类网站 2.信息发布类网站 3.电子商务类网站 4.资源服务类网站 5.娱乐游戏类网站 6.远程教育和医疗诊断类网站等等2、 网站的基本内容按照国内外传统制作网站的要求,一个标准的网站应该包括以下10项内容: 站点结构图(SITE MAP)导航栏(NAVIGATION BAR) 联系方式页面(CONTACT PAGE) 反馈表(FEEDBACK FORMS) 引人入胜的内容(COMPELLING CONTENT) 常见问题解答(FAQs) 精美的图片(GOOD GRAPHICS) 阅读全文
posted @ 2013-05-17 18:36 StaceyDesign 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 练习一、小结:本例是自我练习,认识到做出理想效果字并不容易,难度较大,多加练习。练习二、小结:logo一般用矢量软件来做,以后学习了AI再重新做,平时留意别人的设计。 阅读全文
posted @ 2013-05-17 16:01 StaceyDesign 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中, 文本是网页中最为重要的设计元素。对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见。 文字的格式化 1.字号、字体、行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅,所以,建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较 阅读全文
posted @ 2013-05-15 23:06 StaceyDesign 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 练习一、红色网页登陆界面小结:1、渐变颜色多种多样,应用范围广泛,如本例背景采用“角度渐变”;黑色矩形的上下高光边缘,用的是“描边”里的渐变选项;红色按钮是用图层样式“颜色渐变”简单调出。2、倒影制作不够熟练,有意识学习。3、本例颜色搭配,亮丽醒目,很有质感,多看实例。详细步骤参见:http://www.huacolor.com/article/26085.html练习二、蓝色简单登录界面小结:底部的阴影做法:建立椭圆选区——羽化50px——填充。练习三、大气灰色登录界面练习四、橙色透明登录界面小结:通过参考他人作品,结合自身想法,巧妙制作出图像,多参考多积累。 阅读全文
posted @ 2013-05-15 17:13 StaceyDesign 阅读(480) 评论(1) 推荐(0) 编辑
摘要: 练习一、蓝色玻璃按钮小结:利用钢笔工具勾划选区,渲染高光部分,重点是找准高光部分,构建合适形状的选区。本练习做得较粗糙,钢笔需加强,对高光的感知欠缺。练习二、橙色水晶按钮小结:1、渐变颜色叠加,可塑造高光效果。2、图形自由变换——变形——可自定义,也可选择预设的(本例用了扇形,做出弓形效果)。3、在做图时尽量选择矢量填充,如本例制作图形做好用形状,而不是选区。4、底部投影,可用钢笔工具,结合动感模糊。练习三、蓝色透明水晶按钮小结:1、本练习,没有添加图层样式,单纯用了图层叠加,颜色渐变。2、复制图层,执行:选择 > 修改 > 收缩,再按Delete删除,可保留边框。3、photos 阅读全文
posted @ 2013-05-14 17:48 StaceyDesign 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 练习一、橙色水晶按钮小结:本练习亮点在于左侧亮光部分设置:用套索工具建立减去选区——填充白色——柔光,不透明度50%。练习二、绿色清新按钮(适当添加杂色)。练习三、制作强质感立体按钮,步骤详见:http://www.wzsky.net/html/Photo/psjc/an/116273.html小结:1、ctrl+T进入自由变换,ctrl+alt+shift拖动控制点(进行透视、变形、扭曲等操作)。2、在图层面板中按住alt键不放再按↑多次,即可得出图形重叠效果(立体)。3、注意图层样式的添加,增加图像效果。练习四、游戏网页按钮小结:1、注意杂色、模糊、锐化的巧妙使用。2、细节决定整体,用心做 阅读全文
posted @ 2013-05-13 15:50 StaceyDesign 阅读(263) 评论(2) 推荐(0) 编辑
摘要: 关于banner设计的话题相信之前已经有很多设计师发表过自己的经验分享,让人看完以后也是感慨良多、受益匪浅。但是这并不妨碍我们再一次提起这个话题,每个设计师的工作方法和设计的切入角度都是不同的,今天我想跟大家着重谈谈banner中的文字设计,如何设计好banner中的文字,让文字和其他元素相辅相成达到和谐的统一。就算只是抛砖引玉,能让大家得到一丝共鸣,产生举一反三的作用,也是非常欣慰的。对于Banner设计,很多人理解为是信手拈来,不需要太多的设计思路就可以完成,这是有必要订正一下的。设计banner可能并不难,但是设计一个称职又有视觉冲击力的banner,还是需要经验积累的。设计师应该力求自 阅读全文
posted @ 2013-05-13 10:52 StaceyDesign 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 练习一、练习二、小结:做东西时,切勿空想,应多参考他人的优秀作品,以此借鉴、学习,从而提高自己。积累,积累,再积累! 阅读全文
posted @ 2013-05-12 17:38 StaceyDesign 阅读(117) 评论(1) 推荐(0) 编辑
摘要: 练习一、本例是通过图层样式、钢笔工具、矢量蒙版结合使用制作。其中图层样式用到“渐变叠加”“阴影”“斜面和浮雕”,在调节图层样式的参数时,只需微调。此处添加了两个圆矩形,一大一小,每个矩形都设置了图层样式,以使导航更有层次感和立体感。用钢笔工具绘制椭圆形,转换为选区,结合矢量蒙版(填充黑色),巧妙地制作出凹陷效果。具体步骤参见:http://wenku.baidu.com/view/e31a998402d276a200292e2b.html注意:1、在添加图层样式时,无需所有样式都要添加,少数几个也能调出理想效果,注意实践,观察细微变化。 2、渐变工具拉出的颜色,是从前景色到背景色,注意设置好颜 阅读全文
posted @ 2013-05-11 15:36 StaceyDesign 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 很多企业网站栏目规划不合理、导航系统不完善。相信很多朋友都有同感吧。主要表现在栏目设置重叠、交叉、或者栏目名称意义不明确,容易造成混淆,使得用户难以发现需要的信息,有些网站则栏目过于繁多和杂乱,网站导航系统又比较混乱。那么如何设计才是正确的呢?网站导航结构的设计出发点就是: 让客户尽快找到它想要找的东西。如果你对此不明确,你就应该问你自己:“访问我的客户的网站最想找到的是什么?” 步骤/方法在进行各种类别的网站专业性调查时,经常看到这样的网站:假定某个企业有100种产品,在产品目录页面每个页面安排了第1-10种产品,然后用户要逐级点击“下一页”来查看其他产品,非常麻烦。稍微好一点的网站设计,可 阅读全文
posted @ 2013-05-10 17:46 StaceyDesign 阅读(172) 评论(0) 推荐(0) 编辑