如何进行初级的网站设计_好文资源

本篇内容介绍了“如何进行初级的网站设计”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

图片素材哪里找?

我们看到很多漂亮设计其实大部分都是素材的拼接，在没有成为大师之前，或多或少都欠缺一些原创的能力，所以合理运用素材对设计来说非常重要。除了百度图片，有许多专业图片网站可以找图。比如说我比较喜欢的一些网站，花瓣网、站酷、摄图网、千图网、昵图网等。其实素材不在乎找，最重要的是你如何能把他们运用在你的设计中。① 站酷(据说是设计师必知的优秀网站，上面有很多大神的作品)② 素材公社(主要以插画、动画、摄影等为主，素材都来自热心网友上传的国外翻墙图片)③ 昵图网、华盖创意、摄图网、千图网(设计师专用素材库，高清图片需付费下载，不过基本的APP配图还是可以满足的～)④ 千库网(免费png图片背景素材库，素材是免抠的，背景模板也多)⑤ 花瓣(以小清新插画为主，可以新建很多画板，方便素材的分类整理)⑥ 堆糖(以社区分享为主，图片也多是小清新)⑦ 豆瓣、微博(相信网友的力量，豆瓣原创摄影、插画非常多，不过通常地方站配图用不上这类偏文艺的图。微博较杂而且要去水印，但是微博表情包多呀哈哈哈～)

字体哪里下载?

如果你经常关注设计，你一定会遇到很多喜欢的字体。为了避免想知道字体却四处问人问不到的尴尬情况发生，这里分享一个专门找字体的牛逼网站——求字体网：www.qiuziti.com比如这张图里面，我想知道全新升级这几个字的字体

教程如下：

① 把想要获得的字体部分截图保存下来，一定是JPG格式哦～② 打开求字体网，点击浏览位置，或者按提示上传你刚刚保存的图片，开始上传。③ 在第一步里面的白色框打出对应的汉字，再点击搜索④ 这样我们就找到中意的那个字体啦，点击后方的下载就可以下载到电脑使用啦～开心到飞起～

客户端首页如何配色及排版?

配色涉及到许多的专业知识，这里就不细说啦，如果是客户端首页的资讯配图，一定要注意的一点是配色的统一，如果颜色太杂很难让用户集中精神阅读，资讯排版上也要遵循平衡的原则，不能头重脚轻。另外，客户端配图除尺寸外，一定要注意图片压缩保证图片清晰度，否则图片画质难以保证，对于色调较丰富的图片，建议使用JPG格式，对于颜色相对不够丰富的图片，建议使用PNG格式。

icon图标素材哪里找?

除上面的素材网站可以找到客户端发现页面需要的icon素材外，其实还有很多专门的图标设计开发云主机域名网站，但大部分是国外网址，考虑许多后，大鱼这里分享两个图标设计网站。① | iconfont | http://www.iconfont.cn/由阿里巴巴体验团队打造的设计和前段开发的便捷工具，是目前国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。②| iconfinder | iconfinder.com很著名的icon搜索引擎，集合了超多的图标素材，并且是免费的哟~~好看地能直接当素材图用的那种哟~~

GIF图制作实用教程

① 网页制作GIF工具在没有PS等制图软件，又要快速制作的动图的时候，相关GIF图制作的网页能满足我们的需求，不过网页制作只能制作静态图拼接的GIF图。其实百度能搜索到蛮多GIF制作的相关网页，这里大鱼推荐的是这个网址开发云主机域名～http://gif.55.la/选择需要合成GIF动画的图片，点生成后GIF动图就生成了。不过该网页最多支持5张静态图的制作，切换速度可以自己设置快速、正常等，使用非常简单～② 视频软活动：慈云数据爆款香港服务器，CTG+CN2高速带宽、快速稳定、平均延迟10+ms 速度快，免备案，每月仅需19元！！点击查看件制作 (QQ影音/迅雷看看播放器)没错，只需要下载QQ影音或者迅雷看看播放器就能轻松制作GIF动图，就是你平时看剧的那两个播放器~不过MAC系统并不支持，所以Windows系统小伙伴可以开心地用啦~首先需要下载一个“QQ影音”打开一部电影或导入文件，进入观看模式。这里请忽视我的这灵魂截图手(￣m￣)。当看到你想要截取的画面时就暂停，鼠标移到右下方，点开工具小图标，会看到“GIF动画”的按钮，点击它。

屏幕下面会出现一排任务栏：

当前截取时长：拖动它调整截取的长度截取间隔：越长画面越快，建议使用最短就行了微调：调整GIF的播放速度画面尺寸：设置GIF的画面大小，大鱼这里选择的是中图预览：前面的都设置好后预览看一下，如果不满意也可以撤销重新设置保存：设置好没问题，保存到相关的路径就好啦~ps：最多只能截取十秒的视频~简单截了段，真的超级简单呀~~③ 第三方GIF图截取软件(抠抠视频秀、GIFCam、美图秀秀、都叫兽等)视频抠图软件太多啦~比如抠抠视频秀、GIFCam、美图开发云主机域名秀秀、都叫兽等，大鱼这里简单说下怎样使用抠抠视频秀来制作动图~打开任何一个播放器并播放相关的视频文件，再将抠抠视频秀适当拉取外框，确保画面是需要截取的内容。点击开始后就可以录制啦~录制完想要的画面内容后，点击生成动画，然后我们可以点击编辑按钮，会出现如下画面

屏幕主要功能解读：

添加字幕/删除字幕：直接输入需要设置的字幕内容，可以设置字体、字体大小、是否加粗、颜色、是否描边等。开始于*帧/结束于*帧：设置字幕开始和结束的画面，帧数越长，字幕出现的时间越长。插入图像或动画：可以插入表情包或者颜文字~~缓慢逐帧显示：类似于预览的效果啦~保存：设置好没问题，保存到相关的路径就好啦~ps：字幕移动位置直接用鼠标拉取移动到相关位置就好啦~pps：这个软件生成的动画是带水印的，如需要不带水印版，需要付费的哟~哎呀，刚刚做的这个图有点小~④ 一些关于GIF图的干货制作GIF图的APP：快手、美图GIF：这两个是比较常见的国内的动图制作软件，可以根据图片制作，也可以直接录制GIF，后期还可以添加相框和特效，好不好用自己试用下就知道~Gifboom：通过导入素材，用Gifboom完成编辑，可以调节画面切换速度，也可以添加滤镜、文字或音乐。其他的：打开APP store 搜索GIF，随心选APP~~ppps：不管用哪个软件制作GIF图，都要考虑清晰度及大小的问题，微信公众平台对图片的大小也有要求。建议制作的时候减少帧数，留住关键画面即可，将GIF大小控制在1M左右。

一些幽默搞笑类的GIF图网站：

| 狐图网 | http://www.giffox.com/| 嗨图网 | http://www.hitu.org/| GIF酷 | http://www.gifcool.com/| Best Funny Gifs | http://gifs8.com/| Cheezburger | http://memebase.cheezburger.com/| GIFSON | http://gifson.net/| gifbin | http://www.gifbin.com/“如何进行初级的网站设计”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站，小编将为大家输出更多高质量的实用文章！