如何进行初级的网站设计-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

如何进行初级的网站设计-创新互联

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

创新互联是专业的天元网站建设公司,天元接单;提供成都网站制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行天元网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

图片素材哪里找?

我们看到很多漂亮设计其实大部分都是素材的拼接,在没有成为大师之前,或多或少都欠缺一些原创的能力,所以合理运用素材对设计来说非常重要。

除了百度图片,有许多专业图片网站可以找图。比如说我比较喜欢的一些网站,花瓣网、站酷、摄图网、千图网、昵图网等。其实素材不在乎找,最重要的是你如何能把他们运用在你的设计中。

① 站酷(据说是设计师必知的优秀网站,上面有很多大神的作品)

② 素材公社(主要以插画、动画、摄影等为主,素材都来自热心网友上传的国外翻墙图片)

③ 昵图网、华盖创意、摄图网、千图网(设计师专用素材库,高清图片需付费下载,不过基本的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张静态图的制作,切换速度可以自己设置快速、正常等,使用非常简单~② 视频软件制作 (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/

如何进行初级的网站设计

“如何进行初级的网站设计”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章标题:如何进行初级的网站设计-创新互联
网站路径:http://kswsj.cn/article/cdhoio.html

其他资讯