2024年自由网页设计 篇1
个人经历，我做的第一个网站，是公司给我模版，让我修改内容，排版P图，后来知道这是WordPress模版站，只要安装WordPress环境，网上找一套像样的模版，安装上，网站就建完了。
人分两种，聪明人和笨人，互联网高速发展的时代，聪明人可以很快学会一切，玩转一切；而笨人一两年精通一门就不错了。
网页设计现如今可以说已经不是新鲜知识，如果你是聪明人，你可以学，也不费时间，如果你是笨人，我觉得就选择拿来主义，会修改就行了，明白原理就行了，不必深究。
人家开汽车，你还在研究如何修自行车，没多大意义了。
假如有一天，领导让你做一个网站，虽然我不会，但我可以把这个任务完成，我可以不懂网页设计，不会做网站，但我懂整个流程，找个会的人做，我去把关。
2024年自由网页设计 篇2
你最起码要先学会html超文本标记语言 再谈其他的
工具方面 我喜欢dreamweaver 8.0 图像及动画方面 我喜欢photoshop cs3 flash 8.0 用这三个做网页基本上无往不利了 不过要想学会没有半年也是不行的学会html之后再学css网页排版 再学javascript网页特效都学会了再去学数据库 这是动态网页的基础 之后再去学asp php
另外我再转给你一段文章 希望你看过后会有所感悟
CSS网页布局是建立符合WEB标准的网页，表现、内容、行为分离。我们要简化我们的代码，让其效率更高。而应用DreamWeaver往往会增加许多垃圾代码，而且不够简化。一句代码能够搞定的设置，DreamWeaver或许搞出四五句话来帮你完成。更重要的是，如果项目是由一个多人团队协作完成，这样由DreamWeaver所制作出来的代码，往往会让其他成员感觉很棘手，一堆代码，没有明确的界定与规律，无从下手与识别。这与table布局时的代码大同小异。
有些朋友或许会说，我们可以使用DreamWeaver的代码提示功能，辅助编码。例如我们在代码中键入“F”往往DreamWeaver就会提示以“F”有关的一些样式，这对于英文基础薄弱的朋友来说是雪中送炭。这个功能我们可以使用，但请注意，不要产生依赖的心理。如果你到了一个新单位，或者加入一个新的项目团队，或者处理一些应急问题，脱离了DreamWeaver这个环境，你很快就愣了，完全不知道如何进行样式的编写。而且这样长久下去，你对代码的含义理解也不够明确与清晰。
如果你想对CSS了如指掌，你想对CSS网页布局的工作非常熟练。建议你扔掉一切辅助软件，用记事本进行开发。如果感觉很困难或者一些单词记不住。没有关系，放一个参考列表在手边，一行一句，一个词一个字母的慢慢的进行编写。一两天以后，你感觉就适应了，一两个星期以后，你就完全熟练了。实践证明这样的付出是值得的，你完全能理解代码是什么，为了少敲字母，你会尽量的想办法去精简你的代码，用很少的代码实现同样的功能与样式设置。假以时日，你的代码就规范了，你就越接近高手的境地了。
2024年自由网页设计 篇3
插画
01
Flow Lava
https://flowlava.club/
一个免费的插画库！
02
Open Peeps插图库
https://www.openpeeps.com/
60万个手绘人物插图库，免费可商用
03
undraw
https://undraw.co/illustrations
这是一个插画网站，每幅画都是作者自己话的不定时更新，大多都是扁平化PNG图。
04
Tim Ruffle
http://www.timruffle.com/
插画设计-提供丰富的原创动漫、插画、动态漫画等，各种非常有创意的作品集合
创意
01
abduzeedo
https://abduzeedo.com/
设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域，除了看到这些精彩的作品外，你还能看到作品背后的创作过程。
02
BODIES IN MOTION
bodiesinmotion.photo
BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站，旨在记录人体动态姿势的力量和美丽。
03
Creativen Boom
https://www.creativeboom.com/
《Creativen Boom》是英国的一家成立于2009年创意行业杂志，以艺术，手工艺，设计，插图，摄影为重点，其中插画专题栏介绍。介绍了大量插画类别的优秀内容，每一个插画专题点进去都有对插画师的介绍，以及插画背后的故事，可以激发你的想象力。
艺术
01
Colossal
https://www.thisiscolossal.com/
展示各类艺术作品，雕塑、绘画甚至科技创新也有涉及。
02
Artparasites – How Art you today
http://www.artparasites.com/
柏林艺术网站，聚焦城市艺术。作品与都市生活息息相关，一个风格独特的艺术网站。
03
streetartutopia
https://streetartutopia.com/
街头艺术乌托邦 ，展示世界各地的街头艺术。
04
American Art Collector
https://www.americanartcollector.com/
美国艺术杂志，包含世界级藏品的解析。
素材
01
pngimg
http://pngimg.com/
一个很优秀的免抠PNG图片网站，
上面收藏了近8W的免抠素材，
直接下载就可以使用。
02
stickpng
https://www.stickpng.com/
StickPNG 是一个免抠背景图片的素材网站，网站所有图像都是已经去背景，无需再次抠图，同时这个网站拥有多种流行常用的分类资源，目前已有数28000+张透明 PNG 背景图像免费下载。
03
iconstore
https://iconstore.co/
IconStore 是一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享的，发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。
04
Flow Lava
https://flowlava.club/
一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点
网页
01
awwwards
https://www.awwwards.com/
Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站，Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手，网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路，可以从Awwwards找到大量的实例。
日本风
01
Flow Lava
https://flowlava.club/
Webデザインリンク集：一个日本的优秀网页赏析网站，非常精美
02
Cinra
https://fcinra.net
日本网站，分享设计师专访，帮助了解设计师思维演进过程
03
Straightline
bm.straightline.jp
这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站，风格包罗万象，非常值得一看。
04
日本デザインネットワーク（日本设计网）
https://www.japandesign.ne.jp/
这个网站包含的门类较多，有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等，还有关于日本各大学学生的毕业作品展，它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站，如同泉水源源不断，而且不需要翻墙就可以浏览，很棒的！
05
日本デザインセンター（日本设计中心）
Nippon Design Center, Inc
https://www.ndc.co.jp/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年自由网页设计 篇4
网页设计干什么？
网页设计细分的话，可以包含：
1、网页界面设计
就是现在你看到的每个网页界面，哪里放导航栏，哪里放文章列表，哪里放图片等等，对一个网站来说，所有界面都需要预先设计好，符合其业务需要。
2、UI设计
仅仅把网页上需要展现的东西规划布局还不够，还需要“好看”“简洁”等需求--开起来怎样，美观吗？
3、交互设计
按钮颜色边框等都设计好了，还需要能顺利的操作起来。
哪里放按钮方便点击？当点击导航按钮时，下一步怎么展示？或者怎么跳转？这些和用户交互的都需要设计好--怎么操作更流畅，简单易用？
总之，不同公司对这个岗位（网页设计师）的要求可能有差别，但大致不外乎这几个。