网站UI设计
fan641012
我是一个比较简单的女孩子,独立,自强,不喜欢争名夺利。喜欢新鲜的事物,喜欢挑战。爱好唱歌、看书、画画。
学习能力比较强,能与人很好的相处。
展开
-
一个简单的“灰色调”登陆界面
昨晚一直没有睡好,早上来上班时感觉天旋地转的,头脑中就只有一个念头——趴在办公桌上睡觉······但是,不行啊,被老总看到了会被K死的于是,我开始寻找我的兴奋剂~~~~~~在一个网站上看到了一个很简单的灰色调登陆界面,一看就感觉像是大师的杰作,我心生山寨的想法~~原创 2011-08-03 10:28:31 · 2196 阅读 · 0 评论 -
一个简洁的CMS系统管理界面设计
前段时间在项目的空闲时间,自己做了一个CMS系统的管理界面,完成了大部分,但是后来投入到项目中去了,所以导致还有几个模块没有完成。先上图吧,最近手头时间安排有点紧,也没有实时的更新博客了,真是对不起关注自己的人,对不起自己呀!有时间再完善这个界面,嘿嘿(大家莫怪哦)原创 2011-10-18 15:38:01 · 1841 阅读 · 1 评论 -
【欣赏】logo设计原则 + 一组设计独特的logo欣赏
❤ logo的设计原则:1.简洁2.在黑色和白色底色下均能良好显示3.在小尺寸下能良好显示4.在众多情况下能良好显示(如产品包装上,广告上等)5.通常要包含公司的名称6.作为公司的市场营销和品牌管理,能充分展示公司的沟通意图❤ lo原创 2011-10-18 16:04:05 · 1310 阅读 · 1 评论 -
利用CSS定位背景图片
这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。那么怎么来实现一张图片在不同的地方只显示其中的一部分呢,这就用到了我们今天要说的背景图片的定位问题。这个问题相信很多人都郁闷过,也经常有朋友问我,所以今天就系统的说一下:我们知道在用图片作为背景的时候,css要这样写,以div容器举例子,也原创 2011-10-24 18:02:03 · 2040 阅读 · 0 评论 -
每个苦逼的设计师背后都有一群指点江山的神
1. 这儿少了1px,看到了没?2. 左:要向左偏一点,右:该向右移一下,中:都试试吧3. 大姐,什么时候能改完,我们好下班啊4. 客户说了,不够大气5. 你自己看看对齐了没6. 嘿,那是我的位置7. 小丽啊,明晚,有空吗?8. 小丽啊,今晚,有空吗?9. 看,少打个逗号吧10. 那张苦逼的脸11. 更加苦逼的脸翻译 2011-10-25 16:55:57 · 952 阅读 · 0 评论 -
再见!差不多先生
关于差不多先生你知道中国最有名的人是谁?提起此人,人人皆晓,处处闻名。他姓差,名不多,是各省各县各村人氏。差不多先生常说:“凡事只要差不多,就好了。何必太精明呢?”他小的时候,他妈叫他去买红糖,他买了白糖回来。他妈骂他,他摇摇头说:“红糖白糖不是差不多吗?”他在学堂的时候,先生问他:“直隶省的西边是哪一省?”他说是陕西。先生说,“错了。是山西,不是陕西。”他说:“陕西同山西转载 2011-12-13 10:37:07 · 962 阅读 · 0 评论 -
如何做得Banner通情达意?
写在前面的话有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有,像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的质量转载 2011-12-12 11:49:45 · 876 阅读 · 0 评论 -
首页设计的可用性和PET
网站的首页是一个让人头疼的东西。有时它看起来很简单:首页就是网站内容的整合,一个产品经理随便从网站里拿点东西出来,就能堆出一个看上去靠谱的首页。也正因此,它往往非常麻烦:很多人都可以发表自己的见解,而这时交互设计师的一些手段(比如流程图、概念图等),在面对首页设计时也难派上用场,以致最终陷入到无尽的争执中。所以,本文希望寻找一些实用的方法一定程度上帮助设计师来决策,也让大家在争执过程也有些共同的依转载 2011-12-12 11:45:04 · 403 阅读 · 0 评论 -
浅谈用户引导设计
引言作为163免费邮wap版的交互设计师,每天会收到很多用户反馈,其中一些用户反映:不知如何修改邮箱密码;在写邮件页面找不到“发送”按钮;甚至不知道登录邮箱要填写的用户名是指什么……一些看似简单的操作,对于用户来讲都有可能造成困扰,产生“挫败感”。而对于一个新产品/新功能而言,用户将要花费比上述情况更多的学习成本去了解熟悉产品。作为交互设计师,我们有义务用一种能帮助用户理解和接受的方式,将新产转载 2012-01-05 11:13:36 · 526 阅读 · 0 评论 -
2012年的日历设计欣赏
2012了,过去的一年了我们只能回忆了,现在我们开打手机就能知道今天是多少号,而日历在我们生活中慢慢的离我们远去,今天让我们来欣赏下老外们的这些设计吧。看了以后是不是也想在自己家里挂上或摆上一个呢?转载 2012-02-27 15:17:33 · 396 阅读 · 0 评论 -
注意力与交互设计
以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题。因为人的精力有限,再强大的需求,无力去完成也是枉然。精力的有效转化率,是衡量交互设计品质的重点。1.公式精力一般由脑力和体力构成。针对互联网产品,脑力居前(非生产类网站的体力消耗很低)。而脑力的组成又分为注意力、理解力和记忆力。本文将尝试以注意力为例分析交互设计的特点和注意事项。注意力本身可以集中、分散和转移。集中一般出于明转载 2012-02-27 15:22:30 · 441 阅读 · 0 评论 -
网页设计中的小技巧
(转载自:全球经典设计聚合网)工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……突然觉得束手无策,脑袋里一片空白,没想法了,怎么办?下面简浅的归纳了几个快速让页面出彩转载 2011-10-18 15:47:37 · 332 阅读 · 0 评论 -
创意十足的破碎文字效果
制作步骤:1、新建文件700 * 600 ,背景填充为#ec297b,然后输入粗体文字FEELING。2、栅格化文字图层,使用多边形索套工具选取破碎形状,然后按ctrl+T自由变换破碎形状。3、使用步骤2的同样方法处理其他字母。4、使用步骤2的方法选取多边形之后原创 2011-08-25 16:28:35 · 1332 阅读 · 1 评论 -
“优觅网”网站设计—首页
这个设计本人是仿照某知名网站制作的,需要申明的是,本人只是用于学习,不用做商业用途。如果侵犯了您的权益,请您告诉我。原创 2011-08-23 16:19:36 · 643 阅读 · 7 评论 -
12个绿色网页设计欣赏(一)
绿色象征的大自然,生态环境和生活,所以我们在合理的设计中运用他们是非常好的。(PS:下面的链接打开的比较慢,请不要着急着关掉,嘻嘻)1、简单清秀的设计,亮点就在右上部分的那一片绿色树叶。http://www.cgalvin.com/2、三个iphone转载 2011-08-02 14:40:20 · 1200 阅读 · 0 评论 -
12个绿色网页设计欣赏(二)
7、色彩艳丽、逼真的水果,让人在看内容之余还会流口水!http://www.thefruit-box.co.uk/8、http://www.ozon3.com/9、看似凌乱却设计出众的网页,吸引人们的眼球。http://转载 2011-08-02 14:50:56 · 1008 阅读 · 0 评论 -
震撼烙印文字效果
在这个简单的Photoshop教程里你将学到如何设计一个非常酷的烙印效果,用文字工具,一些图形,和一些图层样式。这是我按照教程得到的最终效果。制作方法:1、新建文档从在Photoshop里新建一个文档开始。虽然任何大小都可以,但是在这个教程里我将使原创 2011-08-26 10:34:51 · 1076 阅读 · 0 评论 -
教您打造vista文字效果
ps:因为时间原因,feeling就没有自己编写教程了,以下教程是应用的一直知名网站的教程,只是用于大家交流学习使用!1、新建一个文件500*500,用渐变工具,以右下角为中心,拉一个从绿到蓝的径向渐变,图中使用的颜色:颜色 1 - #2e5b15颜色, 2原创 2011-08-26 09:49:50 · 394 阅读 · 0 评论 -
教您PS制作有质感的网页竖形导航
1、首先建立背景2、然后用圆角矩形 圆角5px 尺寸和颜色图片有说明 3、添加目录的圆角背景,颜色与大背景一致。利用减淡工具在红色圆角矩形中画出高亮的部分,只需要一点点哈!4、添加目录的渐变背景和原创 2011-09-03 11:35:40 · 1236 阅读 · 0 评论 -
半透明绚丽紫色字体
晚上模仿白裤衩师傅的一个教程制作了一个绚丽的紫色字体,发现自己没有做出他的那种效果。原文教程链接地址:http://www.pspsd.com/blog/2758.html (看到师傅的作品,请大家不要笑话我啊!)原创 2011-08-07 23:21:03 · 578 阅读 · 0 评论 -
炫彩登陆界面欣赏
步骤我就不一一写出来了如果有兴趣的童鞋可以联系我,如果有童鞋需要源文件的话也可以联系我哈!但是不能用作商业盈利用途哦~~~原创 2011-08-08 15:58:00 · 341 阅读 · 0 评论 -
PS制作flash进度条
这款设计师模仿的白裤衩师傅,依然没有做出师傅的效果,还需继续努力哈!原教程链接地址:http://www.pspsd.com/blog/2753.html (看完师傅的作品,大家不要笑话我的啊!)贴自己的效果图一张,嘿嘿~~~原创 2011-08-08 22:50:34 · 454 阅读 · 0 评论 -
网站颜色给用户的感觉
一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。在红色中加原创 2011-08-24 08:17:27 · 589 阅读 · 0 评论 -
“微团”网页设计—首页(今日团购)
PS:前天做的“优觅网”的网页设计,颜色使用的是紫色,有些人反映感觉不好,我自己想了一下,是事实呀,因为紫色是颜色中最黯淡的,很难控制用户体验!(本想挑战高难度工作,但是发现还是没有成功)还是好好的学习一下再来挑战,但是我是不会放弃的,嘿嘿。昨天晚上做了一个“微团”的网页设计原创 2011-08-25 08:33:28 · 1648 阅读 · 2 评论 -
刚刚设计的一款简洁的“错误页面”
每一个网站最忌讳的就是在用户面前直接报黄页(程序开发中的一种错误显示页面的统称),所以“错误页面”就应运而生,担任着在出现错误的时候仍然能留住用户的重任!下面是本人刚刚设计的一款比较简洁的错误页面。需要源文件的可以给本人留言~原创 2012-03-06 15:39:02 · 950 阅读 · 0 评论