制作页面图的网站有哪些

时间：2025-02-11 16:52:47

一、Figma

Figma是一款线协作设计工具，支持多人实时协作，广泛应用于网页、移动应用、UI设计领域。其丰富的组件库和插件，让你轻松搭建出各种风格的页面图。

特点

制作页面图的网站有哪些

1，线协作支持多人实时协作，提高设计效率；

2，组件库提供丰富的组件，涵盖图标、按钮、输入框；

3，插件市场丰富的插件，满足不同需求；

4，适用于团队协作方便团队成员间共享和讨论设计稿。

二、Sketch

Sketch是一款流行的矢量图形设计工具，以其简洁的界面和高效的性能，受到众多设计师的喜爱。Sketch广泛应用于网页、移动应用、UI设计领域。

特点

1，简洁的界面易于上手，操作便捷；

2，强大的插件生态丰富的插件，满足不同需求；

3，适用于团队协作支持导出设计稿，方便团队成员协作；

4，支持多种导出格式如PNG、SVG、PDF。

三、Adobe XD

Adobe XD是一款面向网页和移动应用设计的工具，具备强大的原型制作功能。它设计师快速构建出高质量的页面图，并实现交互效果。

特点

1，适用于网页和移动应用设计支持多种设备和屏幕尺寸；

2，强大的原型制作功能实现页面跳转、交互效果；

3，支持团队协作方便团队成员共享和讨论设计稿；

4，与Adobe Creative Cloud无缝对接方便设计师用其他Adobe软件。

四、Axure RP

Axure RP是一款专业的原型设计工具，具备强大的交互功能，广泛应用于网页、移动应用、软件界面领域。

特点

1，丰富的交互功能支持各种交互效果，如点击、拖动、滑动；

2，高度自定义自定义组件、样式和交互效果；

3，支持团队协作方便团队成员共享和讨论设计稿；

4，适用于复杂项目应对大型项目的需求。

五、InViion

InViion是一款线原型设计工具，支持多人实时协作。其丰富的组件库和插件，让你轻松搭建出各种风格的页面图。

特点

1，线协作支持多人实时协作，提高设计效率；

2，组件库提供丰富的组件，涵盖图标、按钮、输入框；

3，适用于团队协作方便团队成员共享和讨论设计稿；

4，支持多种导出格式如PNG、SVG、PDF。

这些制作页面图的网站，各有特点，自己的需求和喜好选择合适的工具。掌握这些工具，相信你的页面设计能力得到很大提高。让我们一起努力，为用户带来好的视觉体验吧！

有哪些好的平面设计素材网站

《04期-设计素材【某痕】版式设计新课程》百度网盘资源免费下载

链接:提取码:zxcv

除了站酷,还有哪些比较好的设计网站

UI中国

花瓣网

68deign

CollectUI

Deignpiration

还看一下大公司的设计网站

比如腾讯的CDC、ISUX

阿里的UI巴巴、UISDC

的这些网站。

behance（设计师的B站），站酷网（大神很多），UI中国（类似站酷），花瓣（素材收集），千图（素材网站），我图网（素材网站），包图网（素材网站），摄图网（高清图片素材）。

Behance

1，关注的作者

Activy

登录Behance后默认进入的是activy页，这页我们不止看到我关注的人的发布作品，还看到关注人「点赞」或「收藏」的作品。用Behance，关注的作者是让你首页（activy）保持高质量的方法。

2，再将喜欢的作品分类收藏

AddtoCollection

Mycollection

活用收藏，令你快速找到自己曾喜欢过的内容。也适合瓶颈时随意浏览，获得创意。

3，CuratedGallerie发现全站的作品

Curatedgallerie

dicover分类下有个curatedgallerie的目录，里面有比较小众的的作品（尚不清楚是人工选的还是算法生成）。点进去后，还能进行细的分类浏览佳作，如下图。

Curatedgallerie-graphicdeign

Pinteret

1，保存喜欢的图片到画板

Save

Pinteret对图像识别、分类、匹配的技术做得真心没话说。比如保存图片的时候，有个topchoice放顶部，智能推荐你应该再将此图放哪个画板。

2，瀑布流上直接发现多类似图片

Findmore

你甚至不点击这张图片，再将鼠标放图片上，右下角出现一个More，点击即该页面上出现4张相似的图片。

3，发现视觉上相似的图片

Viuallyimilar

这个功能的地方于，它优先搜索视觉上相似的图片（不只是基于图像，也基于图像关键词），用来搜图再合适了。

4，关注的用户

Pinteret也少不了关注功能。关注的采集者，当他们保存图片的时候，能首页看到。上图是一家的建筑、室内设计媒体。

dribbble

1，不用每次点开，直接看大图

Diplayoption

dribbble很适合UI/UX、视觉设计师找灵感，可默认图片大小实太小无法直接看到细节。其实官方也提供了大图的浏览模式，如上图。

2，点开大图后快捷操作

Keyboardhortcut

当我们点开一个作品的时候，常用的操作无非「下一张」、「上一张」和「喜欢」。dribbble其实提供了快捷方式让我们快速切换，大大加快浏览的效率。

3，查看中国区的热门作品

Place

导航栏上有个查看你所地区作品的选项（应该是个人设置来的）。查看dribbble上小伙伴们的作品。

1，Fotor懒设计.cn

Fotor懒设计是一个线快速平面设计工具，它为用户提供海量模板，用户修改模板能快速完成设计。作为设计师的你，Fotor懒设计的博客里面，学习到与设计、修图相关的专业知识。或者干脆很多时候都不用打开PS，直接用Fotor解决一些简单的设计需求。

你投稿到Fotor懒设计，不仅获得高额的稿费，你的平面设计作品再将被制作成模板，帮助多设计小白们快速完成设计！

2，VOICER

VOICER是一本分享生活美学的线杂志，它是由一广告人、媒体人、设计师共同创办的。进入网站，你有误以为是国外网站的错觉，因为VOICER网站的整体设计真的像一本“杂志”一样，给人时尚又前沿的感觉。它的内容编排也非常有趣，你网站上看到很多与设计相关的新颖观点、新鲜资讯。

3，涂鸦王国

涂鸦王国是中国的一个插画师交流展示平台。网站以原创插画为内容，聚集了越来越多的插画家和插画爱好者。你涂鸦王国创建自己的个人作品主页，上传你的插画作品，积攒粉丝，与插画师们相互交流和学习。

4，UI中国

UI中国，是专业的界面设计师交流、学习、展示平台，也是众多UI设计师的聚集地，。UI中国里面不仅有设计资讯、原创作品分享，你还找到培训、招聘、学习相关的信息。

5，Seeeed-无穷尽设计

Seeeed是一个设计类的导航网站，为设计师们提供外全的设计灵感、设计素材、设计工具、设计教程。Seeeed每天还精选推荐一个外的网站，你创建自己的收藏夹，并推荐自己喜爱的设计类网站给站长。

6.ARTING365

Arting365是一家关注设计力，从设计思维和移动互联网切入，解读设计、商业、科技创新和品牌价值的设计新媒体，它也是一个内容丰富、质量上乘的中文设计资讯网站。有了Arting365，不愁看不懂手的国外设计资讯啦。

7.设计癖

视觉癖是一个集工业设计资讯发布、作品展示、公司招聘、设计展信息为一体的性的网站。工业设计领域，设计癖发布独到的见解、快的前沿咨询，大家经常浏览。

8.视觉me

视觉ME，视觉中国设计师社区是一个致力于设计作品分享、发现、售卖的专业平台。这里有寻找灵感的海量资料库，参与精彩纷呈的设计大赛并获得收益和提高。.

9.凹凸实验室

凹凸实验室，也叫O2，是一个设计师、程序员都看的网站。它分享一些交互、页面的设计与制作技巧，还有前端开发、APP开发专业知识及案例。懂点技术，不仅能为自己的设计工作增添便利，也能提高职业竞争力。

10.飞屋博客blog

飞屋是一个以简约轻盈风格为方向的网页设计工作室，工作室提供创意视觉的解决方案。我们推荐的这个博客是来自于飞屋设计。飞屋的每一篇博文都非常用心，内容涵盖网页设计、logo设计、平面设计，飞屋的整体设计轻盈、干净、简约，让阅读者可以沉浸设计的海洋中。

11，优优灵感

超人气的灵感库，优优教程网旗下产品。

12，优设网

一个与大师零距离接触，一线设计师、总监的干货分享地

国外

1，Pixabay

Pixabay是一个充满活力的创意社区，分享免费的图片和视频。所有的内容都是CreativeCommonCC0下发布的，这使得它们安全的用，而无需为创作者署名——即使是出于商业目的。

2，StockSnap

StockSnap是一个自由下载的高清图片素材库，所提供的资源相当实用。搜索出来的结果，还按照下载量、收藏量、浏览量数据进行排列，让你快得找到好素材。

3，PSDRepo

PSDRepo网站是一个致力于分享按钮、图标、网页模版、用户界面、MockupPSD素材资源下载的站点，其特色是收录了许许多多是工作上用到的PSD素材，说只要网站上提供的设计师们都能用的上。

4，Flickr

Flickr，雅虎旗下图片分享网站。提供免费及付费数位照片储存、分享方案之线上服务，也提供网络社服务的平台。其重要特点是基于社网络的人际关系的拓展与内容的组织。这个网站的功能之强大，已超出了的图片服务，比如图片服务、联系人服务、组服务

5，Vecteezy

Vecteezy是一个免费向量图（或称矢量图）的索引，收集了相当多不错的图片素材，棒的是这个网站天天新，你无时无刻回来挖宝。用户无须注册或付费能浏览整个网站，除了有小型的预览图外，直接网站内预览原始图片、下载、评分或留下意见。

6.123FreeVector

123FreeVector这个网站也包含了大量的免费的矢量素材，虽然广告有点烦人，可其中装饰分类提供的矢量素材素质颇为不错。

7.Gratiography

Gratiography是一个提供免费高品质摄影图片的集散地，所有的图片都用于个人或者商业用途，每周新图片你只点击即下载，好图片的站点不好找，这类站点，几乎都是私藏、轻易不分享的。

8.Pinteret

一个受世界瞩目的，全球的创意灵感图片分享网站。

9.Baubauhau

提供设计灵感、插画摄影、时尚以及艺术相关的一切

10.Behance

创意设计人士上面展示自己的作品，发现别人分享的创意作品。

11，Dribbble

一个面向创作家、艺术工作者、设计师创意类作品的人，提供作品线服务，供网友线查看已经完成的作品或者正创作的作品的交流网站。

12，Iconfinder

知名的图标搜索引擎网站。

常用的网页设计软件有哪些

Photohop学习图像处理、编辑、通道、图层、路径运用;图像色彩的校正;各种滤镜的用;字的制作;图像输出与优化,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像。

Freehand不论是个人作品设计、公司徽标、海报制作，都轻松完成，应用于广告、印刷行业

CorelDrawCorelDRAW9的全的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

PageMaker学习排版设计的法则、用方法与技巧，工具箱、快捷键的用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志的高级专业排版制作的方法。

Illutrator学习图形绘制、包装、宣传页的制作，让你加方便地进行LOGO及CI设计，不到一个月，成为一名真正的美术大师， Photohop的基础上再学它如虎添翼，效率成倍提高。

网页制作软件

一、菜鸟级网页制作软件

Oeay教你玩转网页设计浏览的工具建站程序你是一个网页制作初学者，那么让下面软件带你走进那绚丽多彩的网页制作世界吧!

①Microoft FrontPage你曾对Word很熟悉，那么相信你用

FrontPage进行网页设计一定非常顺手。用FrontPage制作网页，你能真正体到“功能强大，简单易用”的含义。页面制作由FrontPage中的Edor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者编辑网页时感到加方便。

FrontPage强大之处是其站点管理功能。新服务器上的站点时，不创建改文件的目录。FrontPage为你跟踪文件并拷贝新版件。FrontPage是现有网页制作软件中惟一既能本地计算机上工作，又能Internet直接对远程服务器上的文件进行工作的软件。

②Netcape编辑器Netcape Communicator和Netcape Navigator

Gold3，0版本都带有网页编辑器。你喜欢用Netcape浏览器上网，用Netcape编辑器真是简单方便!当你用Netcape浏览器显示网页时，

单击编辑按钮，Netcape把网页存储硬盘中，然后开始编辑了。你像用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格，是不是与FrontPage

2000还有些像?，Netcape编辑器对复杂的网页设计显得功能有限了，它连表单创建、多框架创建都不支持。

Netcape编辑器是网页制作初学者很好的入门工具。你的网页是由文本和图片组成的，Netcape编辑器再将是一个轻松的选择。你对HTML语言有所了解的话，可以用Notepad或Ultra

Ed文本编辑器来编写少量的HTML语句，弥补Netcape编辑器的一些不足。

③Adobe Pagemill

Pagemill功能不算强大，可用很方便，适合初学者制作较为美观、而不是非常复杂的主页。你的主页很多框架、表单和Image

Map图像，那么Adobe Pagemill的确是你的。

Pagemill大特色是有一个剪贴板，再将任意多的文本、图形、表格拖放到里面，时再打开，很方便。

④Clari Home Page用Clari Home

Page软件，你几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气增加新的Frame(框架)。而且Clari

Home Page 3，0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。界面设计过于粗糙，对Image

Map图像的处理也不完全。

二、中级网页制作软件

你对网页设计已经有了基础，对 HTML语言又有了解，那么你选择下面的软件来设计你的网页，他们一定为你的网页添色不少。

①DreamWeaver自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flah、ShockWave特性，而且它还能拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic

HTML)的设计，使得页面没有plug-in也可以Netcape和IE

4，0浏览器中正确地显示页面的动画。它还提供了自动新页面信息的功能。

DreamWeaver还采用了Roundtrip

HTML技术。这项技术使得网页DreamWeaver和HTML代码编辑器进行自由转换，HTML句法及结构不变。这样，专业设计者不改变原有编辑习惯的充分享受到视化编辑带来的益处。

DreamWeaver挑战性和生命力的是它的开放式设计，这项设计使任何人都轻易扩展它的功能。

②Firework款彻底为Web制作者们设计的软件

Firework的来头实不小，它的出现使Web作图发生了革命性的变化。Firework是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Firework可以自动切图、生成鼠标动态感应的javacript。而且Firework十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，直接生成dreamweaver的Libaray甚至可以导出为配合CSS式样的网页及图片!

③Flah让你的网页动

Flah是用互联网上动态的、互动的hockwave。它的优点是体积小，边下载边播放，这样避免了用户长时间的待。{6FLASH6}用其生成动画，还网页中加入声音。这样你能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不像一门语言一样进行编程，可用其内置的语句并结合JavaScripe，也做出互动性很强的主页来。有人曾经说过下个世纪的网络设计人不用FLASH，必再将被淘汰出局!我相信这句话没错!

④HotDog Profeional制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的MicrooftFrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。可对中文的处理不很方便。

HotDog是个功能强大的软件，希望网页中加入CSS、Java、RealVideo复杂技术的高级设计者，是个很好的选择。

⑤HomeSe制作完全控制页面进程的网页

Allaire的HomeSe是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS，并且直接编辑perl程序。HomeSe工作界面繁简由人，习惯，再将其设置成像Notepad那样简单的编辑窗口，复杂的界面下工作。

HomeSe适合比较复杂和精彩页面的设计。你希望能完全控制你制作的页面的进程，HomeSe是你选择。生手过于复杂。

三、高级网页制作软件

①Microoft Viual Studio该系列的版本有2003、2005、2008和未来的版本;

适合开发动态的apx网页，还能制作无刷新网站、webervice功能，仅适合高级用户。