单页网站设计软件(推荐)3篇

2024年单页网站设计软件 篇1

网页UI设计需要用到的软件很多,常用的不超过十款。常用有Photoshop、Illustrator、After Effects、Sketch、思维导图软件、Adobe XD、Axure等。

Photoshop即PS。应用领域很广泛,在图像、图形、文字、动效、视频、排版各方面都有涉及。

Illustrato即AI,是专业矢量绘图工具,矢量绘图软件。AI主要用于网页UI界面中的图标、插画设计,也可以做界面设计。

After Effects简称“AE”,一款图形视频处理软件,适用于视频特效制作,AE主要用于网页UI设计中的交互动效。

Adobe XD是一款轻量级的矢量设计软件。用户体验、原型、网站和移动界面、交互等全面覆盖,软件完全免费。

Axure RP是一款专业的快速原型设计工具。主要用于做原型设计,功能强大。

Sketch专业的界面设计软件。一款轻量级的矢量设计软件,目前只支持max。

思维导图软件推荐xmind、mindmanager这两款软件都不错,功能相似,二选一即可。

这些软件都是当下流行常用的网页UI设计软件。

2024年单页网站设计软件 篇2

每个学设计的小伙伴,都需要资源库和工具箱

你需要的设计资源清单(百度名字即可)

从资源库到编辑器

给你一个收藏的理由

灵感来

MaterialUp:Material design 设计灵感.

FLTDSGN: 最佳扁平化设计展示.

Site Inspire:Web 设计灵感.

UI Cloud:全球最大的 UI 设计数据库.

Moodboard:情绪板设计.

Crayon:营销策划.

Land-Book:产品登陆页图集.

Ocean:设计师反馈分享社区.

Dribbble:设计师作品展示.

Behance:设计展示.

Pttrns:移动 UI 模式.

Flat UI Design:扁平化设计.

Awwwards:设计创意奖.

The Starter Kit:开发者及设计师资源.

One Page Love:单页网站设计灵感.

UI Parade:UI 设计工具与设计灵感

The Best Designs:web 设计.

Agile Designers: 设计资源.

Niice:A search engine with taste.

设计资源

Freebbble:优质免费资源.

Dribbble:免费资源.

Graphic Burger:设计资源.

Pixel Buddha:职业设计资源.

Material Design UI Kit:Google Material Design 用户界面设计工具.

Premium Pixels:创意工具.

Fribbble:Gilbert Pellegrom 策展的 PSD 资源.

Freebiesbug:PSD 资源.

365 Psd:PSD 资源.

Dbf:Dribbble Behance 最佳免费设计资源.

Marvel:著名设计师的免费资源.

UI Space:手工制作的优质资源.

Free Section of Pixeden:免费设计资源.

Free Section of Creative Market:周一免费.

Teehan+Lax:DiOS 8 GUI PSD (iPhone 6).

Teehan+Lax:iPad GUI PSD.

Freepik:图像资源.

Tech&All:PSD 与科技新闻

Tethr:最好看的 IOS 设计工具包.

图像编辑器

Canva:图形设计.

Skitch:Evernote 插件.

Easel.ly:可视化图形.

Social Image Resizer Tool:社交媒体图像优化.

Placeit:产品模具模板.

Recite:把名言变成可视化杰作.

Meme Generator:meme 生成器.

设计工具

Material Palette:可导出到 Material Design 调色板.

New Flat UI Color Picker

Flat UI Colors:扁平化颜色.

Coolors:颜色主题.

Skala Color

Couleurs

Material UI Colors:Material ui 调色板,支持 Android, Web & iOS.

Colorful Gradients:渐变色.

Adaptive Backgrounds:选取主色.

Brand Colors:著名品牌采用的颜色.

Paletton

0 to 255:颜色校验.

Colour Lovers

Adobe Color CC:颜色组合,来自 Kuler 社区.

Bootflat:扁平化设计色.

Hex Colorrrs:Hex 转 RGB.

Get UI Colors

Coleure

Colllor:配色方案生成工具.

Palette for Chrome:从任何图像生成调色板.

素材来源

500px.com 数量多

Stock Up:最佳素材图片大全.

Pexels:最佳图片大全.

All The Free Stock

Unsplash:高画质图片.

Splashbase:搜索发现免费图片视频.

Startup Stock Photos

Jay Mantri

Moveast

Travel Coffee Book:旅游图片.

Designers Pics

Death to the Stock Photo:每月免费资源.

Foodie’ s Feed:高分辨率.

Mazwai:高清视频.

Jéshoots: 现代图片.

Super Famous:荷兰设计师 Folkert Gorter 的图片.

Picography: 高清图.

Pixabay:高清图.

Magdeleine:高清图.

Snapographic

Little Visuals:每周电邮免费图片.

Splitshire

New Old Stock:免费公共资源.

Picjumbo

Life of Pix:高清图.

Gratisography:高清图.

Getrefe

IM Free:免费资源集.

Cupcake:Jonas Nilsson Lee 的图集.

The Pattern Library:模式库.

Public Domain Archive

ISO Republic:高清图.

Stokpic

Kaboompics:获取免费图片的最佳方式.

Function

MMT:Jeffrey Betts 的免费图片.

Paul Jarvis:高清图.

Lock & Stock Photos

Raumrot:高清图.

Bucketlistly:旅行图片.

设计排版

TypeGenius:字体选择.

Font Squirrel:100%免费商业字体.

FontFaceNinja:字体选择浏览器扩展.

Google Fonts:字体优化

Beautiful Web Type:来自 Google web 字体目录的最佳字体.

DaFont:免费可下载字体归档.

1001 Free Fonts

FontPark:全球最大的字体归档.

Font-to-width:字体大小调整.

图标设计

Fontello:图标字体生成器.

Flat Icon:超过 16000 种字形向量图标搜索引擎.

Material Design Icons:Google 提供的 750 种开源字形.

Font Awesome:标志字体与 CSS 工具包.

Glyphsearch:图标搜索.

Withoomph: LOGO 设计.

Hipster Logo Generator:时髦 LOGO 设计.

Squarespace Free Logo:LOGO 设计.

MakeAppIcon:App 图标一键生成.

Endless Icons:扁平化图标.

Ico Moon:4000+ 向量图标.

The Noun Project:数千来自不同艺术家的字形图标.

Perfect Icons:社会化图标创建工具.

Icon Finder:图标搜索.

圆角图标: Doodle Set | Flat Set | Vector Line Set

Icon Sweets:60 向量 Photoshop 图标.

高品质背景音乐

Fontello:图标字体生成器.

Flat Icon:超过 16000 种字形向量图标搜索引擎.

Material Design Icons:Google 提供的 750 种开源字形.

Font Awesome:标志字体与 CSS 工具包.

Glyphsearch:图标搜索.

Withoomph: LOGO 设计.

Hipster Logo Generator:时髦 LOGO 设计.

Squarespace Free Logo:LOGO 设计.

MakeAppIcon:App 图标一键生成.

Endless Icons:扁平化图标.

Ico Moon:4000+ 向量图标.

The Noun Project:数千来自不同艺术家的字形图标.

Perfect Icons:社会化图标创建工具.

Icon Finder:图标搜索.

Icon Sweets:60 向量 Photoshop 图标.

希望小师姐能帮到你~

公众号

作品集分享Portfolio

2024年单页网站设计软件 篇3

你是想学到什么程度,是会看懂别人的,然后自己改改吗?还是能自己写?如果仅仅是能看懂静态网站,就随便学个dw,弄个几天就没问题了,如果要系统学习,我给你一些学习建议。

1.软件就不用学了,随便弄一个记事本也可以,先学html,css,js,最好熟练一点。

2.现在差不多可以学习php基础了,这个很简单,有其他语言基础,随便看一下就懂了。

3.学习mysql数据库,这个增删改查的也简单,有其他数据库基础也简单。

4.现在差不多能搞个类似留言板静态网页了,可以开始学习jq,xml,ajax,json,这几个是前端的,必须学,还很好用,也简单,ajax无刷新技术很好用,xml和json数据接口,开发混合app和微信公众号要用。

5.差不多了,可以学习php面相对象思想,这个很简单,就是所有东西都是对象,还有一些接口,类,封装继承多态,图像技术,http协议,mvc思想(这个好用,需要学好)。

6.接下来就要学linux系统安装php配置环境,及linux里面的常用命令,还有window配置环境(没什么技术含量,简单),还要学习模板引擎,如smarty,还有一些版本控制软件svn,git等等,这些也简单,再学习nosql数据库,微信公众号开发等等。这个阶段没什么内容,相对简单。

7.这个阶段可以开始可以接触框架,学thinkphp框架,这个中文版,简单实用,国内最常用,可以开发oa系统,商城等等。然后学laveral框架,这个国有常用,可以来的混合app。也可以学其他框架,这个阶段学好算入门了。(相当于小学学历了,上面还有中一,中二,中三,高一,高二,高三等等等,最后到架构师)。

学完这些差不多算入门了,php很简单,算最简单的程序语言(所以也是最好的程序语言)。php也没什么内容,估计你学不用多久就可以学完了,学完出去找个小实习了,主要是练手,别太要求工资,毕竟学的东西比较少哈。加油,骚年!

猜你喜欢

热门内容