_美网站设计__美网站设计图片

_美网站设计__美网站设计图片

下面，我将以我的观点和见解来回答大家关于_美网站设计的问题，希望我的回答能够帮助到大家。现在，让我们开始聊一聊_美网站设计的话题。

文章目录列表:

1.国外平面设计网站有哪些

2.大学必看20个学习神仙网站？

3.有什么好用素材又多的免费网站

4.网页设计实训心得三篇

5.优设网海报-我做平面设计的时候想设计**海报，请问**海报怎么设计？

6.移动应用UI设计——导航设计

国外平面设计网站有哪些

1.找设计灵感，只认Pinterest--------Pinterest

以瀑布流展示为主，资源丰富强大，不像花瓣有些关键词滑几页就没有了，在设计初期发散思考时，浏览Pin简直_出活。（昨天被pin挂了的新闻刷屏了?sad face）

2.看完整的设计项目，作品，用Behance--------Behance

包括工业设计，交互设计，视觉，建筑各个领域，重点在展示完整的项目作品上，所以需要点击各个作品进入弹窗看，一个弹窗包涵文字，，视_介绍。

3.找视觉素材，UI，动效，推荐Dribbble--------Show and tell for designers

个人很喜欢dribbble上的视觉风格，扁平化风格较多，配色走心，_喜欢的一个功能是dribbble上一张图会有主颜_号的信息，并且点击相关色号会进入所有用到这个色号的作品页面，配色方案一堆自行搭配自行选择，简直视觉类网站的业界良心。

4.找_视觉资源，上Niice--------Niice

毕竟是从behance和dribbble等_设计网站上过来的资源，_中的精华，个人感觉在包装、平面等更偏艺术领域的资源较多。

5.作品集浏览、发布，Issuu--------

记得之前有设计小白来问去哪可以看到完整的学生交互项目，安利了issuu给他，在浏览别人作品集的同时，也可以看到很多完整的设计项目，_喜欢它的展示功能，增强作品集展示效果，只加分不减分。

6.CG娱乐设计艺术资源类--------ArtStation

有很多CG设计类的，视_，模型等，之前被一个做游戏原画师的同学安利的网站。

7.ICON资源下仔类--------Noun Project

这个没啥好说的，貌似不**也能上，还有一个国内网站也不错，Iconfont-阿里巴巴矢量图标库 ，另外一个icon比较好看的：Iconfinder - 1,500,000+ free and premium ic_，好看到你怀疑能不能直接拿来用。。。只是需要收费，建议商用

8.字体设计，Google Font--------/

对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端人员可以直接调用 Web Font 样式。

9.机械/工业设计/模型类参考网站

/

DIY How To Make Instructi_

MakerBot Thingiverse

Home | www.robives.com

工业设计，tangible interaction design 的设计师可以看过来，里面有很多免费资源，以及与机械相关的理论，制作等等。对于做装置艺术，硬件交互有很大的帮助。

作者：阿绿

来源：知乎

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

大学必看20个学习神仙网站？

神仙网站免费且好用

1、wikiHOW

我称它为“_搜索器"，只有你不敢问的，没有他它搜不到的。

之所以推荐她它，是因为它有一个与众不同的特点："涨知识”。在wikiHOW里搜索， 会帮你自动过滤掉无用的娱乐信息，都是一些实用的步骤、做法，

相信我，你在上面能够学到很多东西。

2、权利是(历史新标杆)

这是我见过_美、_全的历史时光机。

想了解我们的历史又不想枯燥无趣?来全历史就对了，它以时间轴为线索，分_地域，几乎把整个_历史的进程呈现在我面前。在全历史里，你可以看到大多数_的经济政治、文化、社会、科技、军事等知识背景，把历史的起落兴衰都细致描绘了出来。

3、UZ ER.ME

你是不是遇到过急用PS，却又没有安装的情况?

不用怕， UZ ER.ME帮你解决， 它可以在无需安装的情况下， 让你使用一些常用的工具软件， 比如X mind PS、CAD、PPT等等， 更方便的是， 做完你可以直接保存到本地，不用担心丢失。对于一些特殊情况又急用来不及下载的同学，它简直就是你行走的软件备胎，

4、中国大学MOO C

超级专业的一个课程网站!

在这里，你可以找到你喜欢的老师，学习你想发展的领域，甚至还能实现考核测试，让你和老师产生互动，帮助你更快完成课程任务。想学习完整、专业、靠谱课程的同学，_慕课。

5、下厨房

这个网站，是每个厨艺爱好者的《百科全书》，无脑首推。从厨艺小白到美食高手，靠它就够了。

但是这个网站，一定要慎用。因为它会让你不小心就爱上做饭这件事情，成为朋友眼中的美食达人，还可能不小心收获一个女盆友~

6、wall how en

我_喜欢的电脑壁纸网站之一。

这里有很多动漫或者油画，有4K画质，分辨率特别高。想找电脑的壁纸的同学，不要错过，_有适合你口味的壁纸。

7、pix a bay

一个超全且高清的无版权图库!

我有个同事几乎每次找配图都找得头疼，不是没版权就是画质太渣，后来我给他了pix a bay， 他简直爱不释手， 找图的效率增长了两倍，_重要是：免费。

8、See Seed(全能高手)

这是一个设计集合网站， 花瓣、DBF等设计网站全都有。

我称它为"设计者的天堂"，图标、配色、字体、工具等，一应俱全，极大方便了设计范们搜索素材，找寻灵感。

9、Pex els

同样的无版权图库，不一样的风格。在这里，你更容易找到多种规格尺寸的，比如手机的竖图，普通的16：9的横图，都能轻松找到。

建议大家使用英文搜索，中文搜索出来的相对较少。

10、创客贴

我用的_多的一款设计网站，好用到爆!里面有超级多好看的模板供我挑选，让我这个毫无设计天赋的小白，也能三步做出不错的作品。如果是想追求美观，技术又不过关的同学，创客贴_适合你。

有什么好用素材又多的免费网站

推荐20个_设计资源网站，希望能帮助各位在设计中获得一些灵感和启发。

1. 花瓣网

“花瓣网”帮你收集、发现网络上你喜欢的事物。用户可以将网上看见的一切信息都保存下来，简单上手，玩味无限。通过专属于“花瓣网”的浏览器插件——“采集到花瓣”快速完成信息的收集。这些信息不但附带原始的网页链接，还会以/视_的形式美轮美奂地呈现在“画板”里。

2. 站酷网

站酷网，中国_人气的大型综合性"设计师社区"。“站酷网”聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。现有注册设计师/艺术家200万，日上传原创作品6000余张，3年累计上传原创作品超过350万张。是中国设计创意行业访问量_、_受设计师喜爱的大型社区。

3.Pinterest（拼趣）

Pinterest，国内的花瓣就是模仿它的，把自己感兴趣的东西用图钉钉在钉板（PinBoard）上。采用的是瀑布流的形式展现内容，无需用户翻页，新的不断自动加载在页面底端，让用户不断的发现新的。

4.Unsplash

Unsplash是免费的高分辨率的集合，无疑是_好的资源网站，用来做网页素材都已足够。该网站每10天更新10张照片，值得收藏。

5. Gratisography

Gratisography提供免费的高分辨率图像，所有的可以个人使用，也可以在商业项目中使用。每周都有许多很棒的更新，版权都是免费的。

网站是由Ryan McGuire创建的，并且照片也都是由他所拍摄的。Ryan McGuire是一个多方位创造性视觉艺术家。他认为艺术，像音乐一样，是一个与心沟通的桥梁。

6.Little_isuals

Little_isuals也是免费的，这个网站的好处是会整理成.zip下载。这个网站的公告会让你看到一个温馨的小故事。

7.StockSnap.io

StockSnap.io有很多免费照片和高分辨率图像。这个网站有一个非常方便的搜索功能，便于浏览成千上万的。此外，该网站会追踪用户的下载量，排出_的照片。

8. Splitshare

Splitshare是一家_美照片的收藏网站个人以及商业用途全部免费下载。

9. Life Of Pix

Life Of Pix是一哥由LEEROY创意机构提供的免费高分辨率照片资源网站，也是没有版权限制的。大部分为街道和建筑照，每周都会有照片更新。

10.I’m free

正跟网站的名字一样，素材全部免费，并按照不同类型分类。这样朗朗上口的名字让人想要忘记也难。

来源：网页链接

网页设计实训心得三篇

网页设计实训心得一：

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、 想象力 ，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，_终可以解决困难我还是很欣慰的。

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己_次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是_美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

网页设计实训心得二：

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得_初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的_个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。_开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的放进去了。

中间时预览，问题出现了，发现版头与下面的文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。_后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多 方法 ，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，_后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。_后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视_，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，_后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

网页设计实训心得三：

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的_，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的_堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver m_ __ 很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个_的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver m_ __ 对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢?而我对dreamweaver m_ __ 它也不是很熟悉，心里真是很担忧。

在这_后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页设计实训心得三篇相关 文章 ：

★ 网页设计实习心得体会3篇

★ 网页设计实训心得

★ 网页设计实训报告心得

★ 网页设计实习心得体会感想

★ 网页设计实习心得体会

★ 设计实训心得体会3篇

★ 设计实训心得体会范文3篇

★ 网页制作实习心得

★ 有关网页制作实训报告心得体会

★ 网页制作实习心得小结

优设网海报-我做平面设计的时候想设计**海报，请问**海报怎么设计？

怎样在短时间做好海报设计呢？

你一定有过这样的经历,就是当你拿到设计需求时,突然灵感短路了,不知道从哪里开始着手,而随着交稿日期的慢慢逼近,在这种情况下并没有好的缓解方式。我在这种时候经常只是用各种素材去堆砌,毕竟不会有太多时间来思考设计创意。今天AGO安可北京海报设计公司

来跟大家聊聊,当你设计海报时,如何来避免这种堆砌的“临时稿”。

1、使用背景,叠加文本

式的背景是今年网页设计的趋势之一,就是选取一张符合网页主题的,叠加渐变色或是色块,调整的透明度,上书文本,就这样几步简单的操作,就能制作出一个当下流行的设计作品来。

2、使用黑色背景

我们见到的一些海报通常是以白色或是浅色系为背景,我们可以尝试使用黑色的背景,能更轻松的吸引到用户的注意力,同时使用白色的文本,增强视觉冲击力的效果。

3、合理使用留白

一些年轻的设计师总是在考虑填满这个海报的画布,其实留白也是必须要注意的。通常,_简单的也是_美的。它可以帮助我们创建视觉焦点,让作品会更好的“呼吸”。当然,留白,并不只是用白色。

4、文本中可以尝试加点灰色

我们有时会忽略对字体效果的创造,专业设计并不应该_于海报图形的设计,如果你的素材比较_,可以尝试对文本进行设计,_简单的方法就是使用手写字体,在加上有点灰度的颜色,这样可以创造出一个大胆又有个性的海报设计。

5、使用栅格系统

栅格能够让你的海报设计看起来更加专业、整齐,隐形的线条可以让画面饱满而充满了画面节奏感,可以让用户畅快淋漓的阅读和欣赏。

6、使用极简的配色

海报中在所有的配色方案,使用单色系的配色是_容易设计成功的,通过色彩的深浅、明暗和饱和度上的调整,可以形成明暗关系和画面层次感,另外一种是单色渐变,让它大放异彩,其实也是非常简单的操作。

7、块状色块的使用

除了在背景上整体叠加色彩之外,还可以使用在局部添加色块的方法,这样能够使文本从复杂的背景中跳出来,在文本设计部分,可以添加直线进行局部分割,增加设计感。

8、尝试复古元素

今年非常流行的摩登复古风格也一定要尝试一下,复古装饰元素、背景增加斑驳感,这样可以唤醒欣赏者的年代感。而今年的复古,是融入了孟菲斯时尚几何元素的复古风格,纹理、图案、几何元素的加入让作品更加有视觉冲击力。

9、像**海报一样排版

我们还可以去找一个自己喜欢的**海报,去学习_的排版布局,用画面来讲故事,我们做出像**海报一样的设计作品。

10、模糊处理

海报中对背景进行模糊处理,这样可以产生一种朦胧美的效果,同时又会让背景隐藏在文本下面,能够创造出意想不到的视觉对比。还可以通过镜头模糊的方法,来设计出与众不同的背景模糊效果。

11、使用基本形状

我们可以使用基本的几何形状作为设计元素,设计出令人惊叹的海报作品,正确的使用几何元素能够给画面带来一种活力和生命力,圆形的圆润,三角形的尖锐,加上不同饱和度色彩填充,非常容易产生视觉冲突。

12、使用造型奇特的

可以选择使用一些古怪的或造型作为海报的设计元素,这样无疑会引起欣赏者的好奇心,可以让他们更想要去了解你的海报内容。当然,我这里所说的古怪并不是以博眼球为准,什么血腥、暴力的这样只会引起人们的不适。

13、产品展示

如果你的海报是有关于自己产品的主题,可以把产品放置在干净的背景上,自己去动手拍摄一个_的海报背景,这样不仅能够帮助你组织内容减少设计的时间,能自如的平衡背景,更能展示一个认真态度和_的设计作品,真是一举多得的设计手法。

14、混合颜色与纹理

把颜色和纹理运用在各种形状中,是有丰富画面效果的作用。而你只需勾勒出主体的外形,这种混合颜色与纹理的方法是有扁平化设计风格的意味,也会让欣赏者产生不同的视觉效果的。

15、使用大胆的配色

如果你在造型方面,你还没有太多灵感,可以在配色方面来大胆尝试。荧光色可以一下抓住欣赏者的注意,丢掉你脑中的黑白灰,并尝试使用你认为总不会用到的颜色组合,这可能是一种冒险,但高饱和度的色彩搭配也是今年流行的。

16、使用文字框

千万不要小看这个矩形,把文本放在一个合适的文本框内,就能够把沉重的字体间距利用其创造一个现代的平衡的视觉感受,保持画面的平衡感。

17、使用插画元素

_

在不知选择用什么样的图来迎合主题时,插画也是一个不错的选择。插画并不等同于幼稚和简单,它能细腻的表达很多的情感。你可以通过自己制作出_主题的插画,艺术元素更能引爆人们的想象力。

18、剪切

通过叠加图层元素,创造性的遮盖或者减掉该元素,可以让你的海报作品增加视觉兴趣点。这些叠加元素可以是文本,也可以是几何元素的随意堆砌,通过剪切产生与背景的融合,也可以使他们融为一体。

19、组合设计元素

通过对设计各元素(包括文本和)的交织,给海报增加维度和粘性,小编曾在优设网官方微博@_网页设计中见过此类教程的发布,这种交织的文本与图形,能产生一种积极的视觉效果。

20、使用极简风格

_简单也是_复杂的方法,包豪斯大师密斯·凡德罗提出的“少即是多”理念、现代设计中MUJI所提倡的空的概念,都以一种极简的风格注释着设计两个字,限制海报中所出现的颜色种类和元素亦是一种挑战。

如果你在各元素准备齐全时却还没有灵感,试试这二十种设计方法,虽然说_的设计是一个创造的过程,但是你在工作的过程中,总结出一些便捷的创意设计是可以提高你的工作效率。

嗯~平面设计都差不多了~多参考一些就好了~**海报也分很多种,比如文字海报、图文混合海报(纯图的还没见过)关键得有想法,技术不是_重要的~而且看你要做哪种**海报?特效为主的科幻动作?摄影为主的文艺片?还是其他什么的~去优设网、数字驿站看看吧,特别多~其实和一般的平面设计大差不差,注意它的一些特殊要求就行。哦,对了,IMDB中文网上面的导航栏有一个海报陈列馆,去多看看,多总结~

1.环球青藤

环球青藤提供PS教程、PS抠图、PS软件下载等等,以“教”、“学”、“练”、“测”、“评”全环节线上化的多元创新方式,助力大学生群体实现平稳就业和素质提升。

2.优设网

/

优设网为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等_设计师网站导航指引。每周更新及时,是_网页设计联盟。这个网站有些设计作品很有创意,教程内容丰富,还有一些设计师分享一些经验。

3.PS爱好者

/

PS爱好者网提供Ps教程,PhotoShop教程,ps实例教程,PS抠图教程,ps,调色教程,Ps基础入门教程,文字特效,Ps视_教程,让您轻松快乐的学会Adobe公司的Ps照片处理软件。适合初学者,也适合有一定PS基础的人学习。

4.PS学习网

PS学习网是为网友提供PS教程,处理PS教程,文字效果PS教程,非主流制作等Photoshop教程和Photoshop视_教程的专业网站,实例丰富,讲解详细,很适合设计爱好者收藏,并抽出时间深入钻研。

5.中国PhotoShop资源网

/

PS新人学习PhotoShop教程的好地方,有摄影PS教程和PhotoShop软件,并提供免费照片处理PSD模板PS素材等,内容非常丰富!

6.ps教程自学网

/

适合新手学习的ps教程,包括新手教程、技巧教程、工具教程、通道教程、理论教程、滤镜使用等等。内容多而广,教程资源源源不断!

7.思缘设计

这个网站的教程,相对而言比较专业,调出的效果也不错,有些海报的设计还挺养眼的。做图的时候可以进来看一看,欣赏一下_的设计作品,从中学习人家的修图技法,助自己进步更快。

8.PS家园网

/

PS家园网集PS教程、PS笔刷、滤镜下载、PS素材下载、PS交流于一体,提供_的ps学习体验。

9.设计前沿网

/

设计前沿网是中国_设计师联盟网站,提供平面、广告、海报、插画、标志、logo、室内装修等设计作品欣赏,以及ps教程、网页设计教程、css教程等技术文章和免费网页设计教程,网站精美简洁,素材丰富,是个非常不错的学习网站。

移动应用UI设计——导航设计

年正如精良的设计一样，_的导航也大象无形。不管是浏览好友信息，还是租赁汽车，_的导航设计能让用户根据直觉使用应用程序，也能让用户非常容易地完成所有任务。

导航的设计是 _ 设计发展过程中很值得玩味的地方，由于移动设备特别是智能手机的屏幕尺寸有限，设计者们通常会将屏幕空间尽量留给主体内容，为了在手机屏幕给定的范围内展示出更多内容，_的导航栏设计将起到关键性作用，对于不同的操作也当因地制宜地选则不同的设计方案。

如网站设计中，我们会把导航分为一级导航、二级导航等等，其实移动应用和网站设计一样，也具有自己的信息架构。这里我们主要依据市场上面已有的产品对移动应用导航大体分为以下两类：主要导航模式与次级导航模式。

图1-2? 次级导航模式

首先看看以下7种主要导航模式：

主要导航模式—— _种：跳板式

跳板式导航对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为“快速启动板”（Launchpad）。跳板式导航的特征是，登录界面中的菜单选项就是进入各个应用的起点。在国内市场上跳板式设计应用很用，如下图的_个“百度手机卫士”（图1-3）它主要通过功能来展示菜单选项，这种网格布局清晰的把各个功能区域进行划分，能让用户快速找到入口并点击操作。(图1-4)的云图TV，它是一个免流量的手机电视，他的模块相对百度手机卫士来说较简单，主要通过电视台来区分模块名称。比如：中央电视台CCTV、卫士、_甚至海外_道等等。而美图秀秀（图1-5），更是我们比较熟知的一种，它的主界面用2X3的网格布局把常用的功能入口都直观的表现在上面。

什么是2X3的网格布局了？

2X3网格布局是一种布局形式，常见的布局形式有：3X3、2X3、2X2、1X2（图1-6）。但不一定非拘泥于网格布局，根据需求的功能来定义，可以成比例放大某些选项，以彰显其重要性。

XiiaLive，一款功能无比强大的网络电台，兼具简洁而清新的 UI 设计。这款应用具有不容忽视的导航，设计师用3X3的网格布局把菜单的6个菜单项目布局在屏幕中间，使每个格子都扮演着功能性的作用（图1-7）。

Tripper是一款日本的本地导游应用，他用扁平的设计图标把应用的功能用2X3的网格布局罗列在整个界面中，使得用户能够相当轻松顺手地浏览这款_（图1-8）.

跳板式菜单也可以说是网格式菜单，它类似于metro UI的堆砌色块，优点简约而不简陋，导航清晰、明显，并能提高操作效率。但设计时切记不分青红皂白的去使用色彩哦，这可能会让用户不知所措和产生疲倦感。

ASM采用的是不规则网格的跳板式导航，以_内容的优先级（图1-9）。

_近经典的游戏：“别踩白块儿”（图1-10）也是跳板式模块的经典体现。

它把各种游戏模式用网格区分开，仅用黑白两色就能清晰的让用户理解并操作。正如前面所说，在网格布局的设计中，不一定必须遵循几乘几的网格形式，甚至可以成比例的放大或者缩小某些选项，用以彰显他的功能特色，举一反三，设计师还可以合并他的多种网格形式，使得功能之间的逻辑流程更准确。比如别踩白块儿中的每个游戏选项，点击的二级菜单也用跳板式或者列表式展现了更多的功能选择。

个性化的跳板式导航可在显示菜单选项的同时显示用户个人资料。通常会提供自定义功能，允许用户改变跳板导航的布局，如优酷界面。

通过以上的案列分析，我们可以整理如下几点：

1.为同等重要的内容项使用网格布局。

2.为相比之下更为重要的内容项使用不规则布局。

3.视情况使用个性化设置和自定义选项。

主要导航模式——第二种：列表菜单式

列表菜单式导航与跳板式导航其实是有共同点的，他们的共同点在于，每个菜单项都是进入应用各项功能的入口点。

但是不同点在于列表菜单式导航有很多种变化形式，包括个性化列表菜单，体现分组列表和增强列表等。

案列分析：

个性化列表的方式：在photo sticker中首页就采用了个性化列表菜单的方式。而IOS系统设计则采用了分组列表菜单式。

印象笔记的IOS版本它把列表式导航与跳板式导航设计相结合。下厨房即是增强列表导航，何为增强列表导航呢？即就是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的。

其实列表菜单式导航，这个从网站到手机_上都很常用的，遵循由上至下的阅读习惯方式，所以使用起来用户不会觉得困难。

通过例举的四个案列，以及列表菜单式导航与跳板式导航的对比，列表菜单，更适合用来显示较长或拥有次级文字内容的标题。

主要导航模式——第三种：选项卡式

选项卡式导航，在不同的操作系统有不同的表现和规则。所以在设计时需要为不同的操作系统专门定义选项卡的位置。

Ios、webOS和Blackberry（黑莓）系列都把选项卡放在了屏幕底端，这样用户就可以用拇指进行操作。

选项卡的导航设计方式，一般为四个导航按钮_为普遍，_方便操作的是第二和第三个按。受制于屏幕宽度的限制，其栏目的个数是有限的，不能超过5个。过多的话明显不利于用户的切换。从界面布局来看，也降低体验友好度。

目前也有部分_在选项卡的基础上，衍生出了一种交互比较好的弹出导航菜单。_选项卡上展示的那些核心功能的按钮，方便用户快捷操作。

选项卡至于低端的应用市场上面有很多，这里列举几个比较常见的_：

屏幕底部水平滚动的选项卡是个非常不错的设计，如的Waterlogue应用，它是一款水彩风格照片处理工具，_平翻动选项卡可以让用户选择多种水彩风格

Android（安卓）、Symbian(塞班）和Windows系统都把选项卡定位在屏幕顶端，它模仿了网址导航模式。

Horner包含了可隐藏菜单，不过它能很妙地从顶部出现，由于明亮的颜色和有关联性的巨大图标，它与整个界面内容形成了鲜明对比。Bettertec设计的气流计算_，巧妙地运用了占据顶部的标签页。

顶部菜单和底部意义差不多，把菜单放在顶部，可以遵循从上至下的阅读习惯，但也有缺点，即不适用与单手操作。

单手操作用户是所示的这两种姿势（左手用户相反）。绿色代表容易点击区域，**为拇指伸展可到点击区域，红色区域超出单手可点击范围。

所以不管是在导航设计中，还是在移动应用的其它设计中，我们应该尽可能的考虑用户的手势操作习惯，给用户更好更便捷的体验。

单手操作手指滑动区域

网易新闻则采用了顶部可滑动的导航形式，屏幕顶端可滚动的选项卡:用户移动选项卡后能看到更多的菜单选项。

爱奇艺应用同样也采用了顶部滑动导航的模式。但是这里更值得一提的是，为已选择的菜单项设置使用易于识别或带有标签的图标等不同的视觉效果，用户就能清晰的知道自己选择了哪一项。

主要导航模式——第四种：陈列馆式

陈列馆式的设计通常在平面上显示各个内容项来实现导航。?主要用来显示一些文章、菜谱、照片、产品等，可以布局成轮盘、网格或幻灯片演示。

陈列馆式导航能够很好地应用与用户需要经常浏览，_繁更新的内容，如下图的超级相册和便签本。

相册是我们在日常生活中时常运用到的一个功能，使用_率高，数量多，所以采用陈列馆的形式是再合适不过了。

而便签本也不陌生，下图中的便签本可以上下左右拉伸不断创建新的收纳空间，一个个方方正正的分类视图，颜色各异却能达到一种养眼的和谐美。没有花哨的功能，主界面上只简洁地显示收纳盒名称与其中的项目数量。

_美应用:是一款通过互联网_，每天为用户发送一款赏心悦目的移动互联网应用。它通过类似幻灯片的形式来导航，用户通过查看每个应用来划屏切换屏幕内容，而它下面的进度条也会互动性的跟随着用户的切换而进行图标的动态变化。

主要导航模式——第5种? 仪表式

仪表式导航提供了一种度量关键绩效指标是否达到要求的方法。

过设计以后，每一项量度都可以显示出额外的信息。这种主要的导航模式对于商业应用、分析工具以及销售和市场应用非常有用。

Timi时光记账—精美_的时间轴记账:Timi 时光记账采用了时下非常流行的时光轴的形式，帮你整理账目，简洁明了，界面精美，在方便好用的同时，还满足了视觉享受的需求~。

乐动力：通过数据来查看自己每天活动状态。下滑还有很多功能，都可以点击查看。

主要导航模式——第6种? 隐喻式

隐喻式导航的特点是用页面模仿应用的隐喻对象。

这种导航主要用于游戏，但在帮助人们组织事物（如日记、书籍、红酒等），并对其进行分类的应用中也能看到。

途书笔记，用牌照记录数据的笔记。它把导航界面菜单做成了一本一本的书，有一本书的形式，隐喻的表达了书的概念。自定义标题，分类进行查阅。

找你妹的游戏中，导航就用闯关的进度来显示，直观且具有趣味性。

主要导航模式——第7种：超级菜单式

移动设备上的超级菜单式导航与网站所用的超级菜单导航类似，它在一个较大的覆盖面板上分组显示已定义好格式的菜单选项。

这种导航模式在现在的_设计中使用的比较少，而且一般会用做分类检索de 次级导航使用。在手机网站的导航设计中比较常见。

美团中就采用了超级菜单式导航做为次级导航使用。

以上均是主要导航模式：那么接下来针对次级导航模式进行案列赏析。

次要导航模式：

这里我们值得注意的是在导航的设计中，所有的主要导航模式都可以用作次级导航。我们经常能够看到选项卡下再用选项卡导航、导航卡下用列表导航、选项卡下采用仪表式导航、跳板式导航下采用陈列馆式导航灯情况。

而次级导航模式是否可以用作主导航，答案不是确定的，因为事物都是贯穿融合的，主要你运用得当，一切均有可能。现在我把这三种归纳为次级导航是针对现有市场产品进行分析得出，并不一定是_。

次级导航模式——第8种：?页面轮盘式。

通过这种导航模式，操作者可利用“滑动”操作快速浏览一系列离散的页面。

疯狂来找钱就采用页面轮盘式，页面指示器（iOS中的术语，指用来表示页面数量的小点）可以显示出导航中的页面数量；执行“滑动”操作可以显示下一页。

次级导航模式——第9种：轮盘式

轮盘式导航类似于一个二维轮盘，轮盘式导航更多的应用于播放器和需要多展示应用中。

香蕉相机，作为一个相机应用，该有的功能相对还是挺齐全的。拍照、添加相册、添加文字等等，都木有问题，还有很文艺的滤镜和相框~

轮盘式导航可以查看更多的香蕉图标，相加几个来几个~~~~

次级导航模式——第10种：扩展列表式

扩展列表式导航通过左/右/上/下拉屏幕或者点击按键显示更多的信息。

在网易新闻，TIMI记账和畅读等应用设计当中，通过点击屏幕左上角的按钮唤出切换项，有些也可以通过向右或者向左，滑动手指来完成。所以当我们觉得菜单比较占用位置的时候，可以尝试用这种方式来隐藏菜单，需要注意的是设计展开菜单按钮大部设计在左或右上角这些显眼的位置。

一个简单的滑动动画，就像拉出一个抽屉，「抽屉式导航」这个名称应该就是来源于此。抽屉式导航突破了数量的限制，更大程度上释放了主体空间，也因此提高了操作成本。

此处就个人意见，如果能将主要功能项组织在 4 到 5 项，选项卡导航的设计方式可能会更好，否则，就应该优先考虑抽屉式导航了。抽屉式导航通过纵向排列切换项解决了具有过多的切换项这一问题。不过这也意味着导航不能和主体内容同时出现在屏幕上

好了，关于“最美网站设计”的讨论到此结束。希望大家能够更深入地了解“最美网站设计”，并从我的解答中获得一些启示。