2024年设计文本参考网站 篇1
在网页设计中,文字排版为什么对于网站和用户之间建立良好的沟通以及帮助用户实现目标起着重要的作用的10点建议。
在网页设计中,文字排版对于网站和用户之间建立良好的沟通以及帮助用户实现目标起着重要的作用。当我们谈论网页是否能和用户建立有效的沟通的时候,通常是指文字排版在这里起到的作用:
“网页中95%以上的信息是以文字形式呈现的。”
良好的排版使用户更易于阅读,而混乱的排版则使用户失去继续浏览的意愿。正如“Oliver ReichensReichenstein在他的文章“Web Design is 95% Typography ”中写道:“排版的目的是优化可读性,访问率,可用性,保持和图形的平衡关系”
换言之,优化排版也在帮助您优化界面。本文中,我们提供一组规则,将帮助您提高文本内容的可读性和易读性。
1.不要使用过多的字体
网站排版中建议最多不要超过3种字体类型,不然会使网站看起来松散和不专业,不仅太多的字体类型会造成这种问题,太多的字体尺寸也会破坏网页布局。
通常情况下,将字体家族的数量限制在最小数量(2个是很多,1个通常就够了),整个网站坚持使用相同的原则。如果使用多个字体,请确保俩个字体是否和谐。以下面的字体组合为例,Georgia和Verdana的搭配相得益彰,相对比较和谐。相比于右边Baskerville和Impact则会有明显的冲突感,非衬线Impact明显的超过了Baskerville的视觉冲击力。
而在中英文排版中,建议大家中文使用标准中文字体,而英文、数字和字符使用标准的英文字体。以下面的图为例,是否可以对比处那个美观一些。
2.尽量使用标准字体
在Google Web Font或者Typekit,和国内的“有字库”的字体嵌入式服务有很多有趣的字体,对于国内设计师来说,痛苦的是中文字体会很大,一个字体动则几兆,十几兆的,这样用户在会增加用户浏览网站的载入时间;反之英文字体26个字母大小写,加数字标点符号一共几百k的字体是很容易在网页中使用的。
尽可能选择标准字体(近几年网页中通常使用思源黑体,PingFang,英文可以使用Arial,Calibri或者其他常见的易于屏幕阅读的黑体字,如没有特殊概念指导尽可能避免使用衬线字体,如宋体)
不是每位用户都可以在终端上看到同一个字体,意味着你选择的适合的字体,用户有可能看不到。
用户更熟悉标准字体,因此他们可以更快的阅读
特殊的、并且少量的字体可以制作成.svg格式的素材嵌入Web使用
良好的排版会使用户更加关注内容本身,而不是字体的类型。
3.限制一行文字的长度
保证每一行文字的字符数量是文本可读的关键。不是设计师来定义文本的宽度,而是根据用户的可读性来定义。
太宽-会使得单行文字太长,读者的眼睛会难于专注文字。因为长时间阅读容易串行,大段的文本中很难找到正确的行。
太短-会使得用户的眼睛经常回到下一行文本,会打破读者的阅读节奏,长时间阅读造成视觉疲劳。太短也会倾向于向读者发出一种信号,使得读者没有读完当前这行就去跳到下一行阅读,可能会忽略潜在的重要词句。
以Google和百度为例,我们不难看出这点
对于移动设备,应该每行30-40个字符(半角),具体显示多少个字数,与不同分辨率的屏幕、文本宽度和字体大小都会有关系,设计的原则是:保证用户可以流畅的阅读文本,文字不宜太小或太大。以iOS(手机)为例,正文文本最小字号不能小于24px,太小了用户阅读会难以阅读。以百度为例,可作为参考。
4.选择用有多个字重并显示良好的字体
用户将通过不同屏幕分辨率的终端设备访问你的网站,大多数用户界面需要各种大小尺寸的文本(标题、副标题、文本、标注等等)。选择一款能够在不同屏幕分辨率的设备上运行良好的字体以保证它的不同尺寸的字体都具有极高可读性(Readability)和可用性(Usability)也是非常重要的。
近俩年备受大家欢迎的思源黑体和PingFang字体都是不错的选择,当然,个人认为汉仪旗黑无论从家族字体的数量、字体质量、屏幕显示、纸媒印刷上来说都不逊色于前面俩款字体。参与过这款字体设计的设计师曾说过,思源黑体还是相对比较粗糙的一款字体。
同样,为了保证在屏幕上清晰可辨,尽量避免使用衬线体,尽管他们很漂亮。
5.使用识别度高的字体
在选择英文体的时候,有些字体的个别字母极易混淆,特别是“i”和“L”(如下图所示);以及文字之间的间距。许多中文字体在使用较小字体的时候笔画会粘到一起(上图),不容易辨别;所以在选择字体类型的时候,请检查你选择使用的字体,确保不会为用户和产品造成不必要的损失。
6.避免在界面中大段的使用大写字母
不要所有文本使用大写字母,强制用户阅读大写字母,首字母大写,具有特殊含义的缩写等情况除外,与小写字母相比,大量的使用大写字母会严重降低用户的阅读效率和愉悦感。
7.将行间距控制在字体的1.5-2倍之间
在文字文字排版中,我们又一个特殊的术语,用于表示行与行之间的距离:行间距(或行高)。为了保证文本的可读性和易读性,使文本形成线性的阅读感受,将行间距控制在字体大小的1.5-2倍之间(中文字体)。英文字体推荐使用默认行间距,或根据默认行间距微调。
8.适当的颜色对比度
通常情况下,文本和背景尽量避免使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。当然,学会通过文本颜色、大小和背景的颜色关系来控制视觉层级也是必要的。
与背景相比,小文本和背景的对比度至少为4.5:1
大文本(14px/18px以上)应该保持与背景3:1以上的对比度
灰色通常作为辅助色使用,根据之前的项目经验,给大家分享一套我自己一直在使用的灰色,灰的有层次,清晰的区分信息层级是必要的
9.避免将文字着色为红色或绿色
色盲和色弱是我必须要照顾到的一部分用户,特别是在男性中(8%的男性是色盲)建议使用处颜色以外的其他方式来区分重要的信息(如下划线,加粗等)。避免使用红色和绿色单独传达信息。因为红绿色盲是最常见的色盲形式。(现在想想,那些因为红绿色盲而考不了驾照的童鞋是不是要分分钟恨死制定红绿灯规则的人,当然这只是个笑话,使用红绿灯是因为光学在物理传播方面的原因,这里不解释)
虽然在日常生活中我们总是用这种方式告知用户绿色是表示正确的操作,红色表示错误的操作,反思一下我们是否有去考虑色盲用户的操作和体验。或许我们是不是可以考虑换一个方式去表达正确或错误?
10.避免文字闪烁
闪烁的文字或内容可能会让某些用户感到不适,对于一般用户而言,这可能分散他们的注意力或者使他们感到烦躁。
虽然在网页设计中依然有很多需要我们注意的地方,最后,分享给大家一个想法就是:网页设计中排版很重要。做出正确的排版可以让你的网站感觉清爽,糟糕的网页排版会令用户分心,倾向于关注自己的感受而非内容。排版的关键在于使信息层级清晰、用户易于阅读、并且保证文字是可读的。文字的排版不应该增加用户的认知符合,以求达到尊重内容、尊重用户的目的。
2024年设计文本参考网站 篇2
在越来越追求个性的时代,现在有许多人都开始追求展现自己。互联网就是一个很好的展现自我的平台,制作个人网站是个不错的选择。通过个人网站,大家可以在上面发布自己的相关信息,展示自己的才华或优势,让更多的人认识你,挖掘你。
但是,如何设计一个吸引人的个人网站呢?
一、确定网站主题
在制作网站前,大家必须先想好自己要做什么,可以选择的范围很大,比如旅游、美容、摄影等等。建议站长可以到凡科建站的模板库选择一个自己喜欢的网站模板来个人制作网站,因为这些模板都可以免费使用的,而且这些模板都是设计好的成品网站,这样往往可以达到事半功倍的效果。
二、设计网站
完成第一步后,站长接下来要考虑设计网站。设计网站包括许多方面,比如网站风格、网站内容等。网站风格的设计应该围绕网站主题,在网页留白、色彩搭配、文字编排上要多留心,处理好每一个细节,注重提高用户体验。
三、寻找资料
制作网站必不可少的一个环节就是寻找资料。明确网站主题后,就应该寻找相关的图片、文章、视频等资料,让这些丰富的材料充实网站内容。
2024年设计文本参考网站 篇3
推荐设计师的书单(不一定单指平面,还包含UI和用户体验ux设计师)
1《写给大家看的设计书》这本书是我看的第一本设计类工具书籍,亲密性、对齐、重复、对比四大设计基本原则,确实是入门
2《视界·无界》王涵,牛MO王的良心之作,很接地气的一本书
3《破茧成蝶》网易设计师出的一本关于用户体验设计师的书
4《移动设计》关于设计原则、细节、动效、客户端设计适配、创新的一些思考
5《交互设计那些事儿》阿西UED的一本书,受到起点学院、人人都是产品经理、网易云课堂的推荐,也是接地气很具体写交互的基础教材
6《设计入门教室》四册一套,日本作家坂本伸二著,非常细节的教什么做设计
7《UI设计必修课》星火时代的一本教材,做UI设计可以参考
8《认知与设计》重点理解 UI设计准则
9《术与道 移动UI设计必修课》又是一本关于UI设计方面的思考
10《为什么设计》为什么设计?当然,一本书来阐述
11《设计调研》书里介绍了很多设计调研方法,和互联网公司很多职业一样,做之前思考先行。做研发,先做技术调研,那么做设计前,先做设计调研。这些调研方法具有通用性。分析市场上竞争产品,没有竞争产品则找相关有参考性的产品分析,思考和设计理念很重要,设计是有逻辑的
12《平面设计原理》原作者来看美国,王敏译的一本书,主要讲空间、统一、页面设计和字体四大部分
13《设计师的自我修养》买它的时候想起来周星星那本《演员的自我修养》,这本书初次看设计的同学估计看不出什么,正文用大量案例去介绍文字和字库,适合有一定设计思考和设计经验的人看
14《About Face4 交互设计精髓》交互设计的业内经典之作,一本厚砖,高阶设计师必看
15《设计师要懂心理学》设计师其实需要是一个善用心理学的高手,要平衡产品、设计、用户、盈利等等需求,你要站在产品经理角度考虑产品的价值,你要站在开发角度和设计角度考虑可行性,你站在用户角度考虑可用性、用户使用习惯和体验,要站在运营角度考虑后期推广,更要站在创业人和投资方角度考虑商业化。
16《设计几何学》关于比例与构成的研究,黄金分割,设计中的视觉分析。确实摄影、绘画、设计都需要有比较几何构图的能力
17《动静之美》一本介绍Sketch的教程,网上有太多视频,现在我还是觉得直接打开软件再加一本书是最快的。多看、多想、多做
18《设计中的设计》,大师之作,必看。
设计学习资源
国内知名互联网公司设计部门
腾讯用研与体验设计 http://cdc.tencent.com/
腾讯ISUX品牌体验设计 http://isux.tencent.com/
腾讯移动互联网设计 http://mxd.tencent.com/
腾讯游戏官方设计团队 http://tgideas.qq.com/
阿里用户体验中心 http://www.aliued.cn/
百度用户体验中心 http://mux.baidu.com/
网易用户体验中心 http://uedc.163.com/
京东用户体验中心 http://jdc.jd.com/
国内外优秀设计作品网站
Behance www.behance.net
俗称BE,全球知名设计师汇集于此,在这里可以看到非学多优秀的作品
Dribble www.dribble.com
俗称追波,采用邀请制,对作品质量有很高的要求
站酷网 www.zcoolz.com.cn
国内知名设计师网站,有大量优秀设计师在此,还有很多UI设计大赛
UI中国 www.ui.com
国内最早的UI设计师聚集地,前身是iconfans,UI方面的知识、规范、交互在上面都有
优秀网页设计 www.uisdc.com
优设也是国内目前设计师网站中人气前名前三的,有大量的文章和作品
花瓣网 www.huaban.com
国内设计师设计素材录感库,比较受设计师和非设计师欢迎。
我在自己理性梦想家的公众号上写过关于设计师的一篇小结文章,有兴趣可以去看看。
2024年设计文本参考网站 篇4
知否,知否,应是这几个网站!
设计师与即将踏上设计路程的朋友们看过来啦,今天推荐几个我经常用的设计网站,亲自测试,确实很值得使用与收藏哦!
一个合格的设计师需要取舍适合自己的学习网站,设计网站分为好几类,学习网站及素材网站,尽管功能不同,但是目的只有一个:让设计成为更简单的事情!
第一个:UI中国
网址:https://www.ui.cn/
1、这个网站主要是产品用户体验设计,UI设计师用的比较多
里面有很多功能模块区,也可以观看其他设计师的作品集展示。
2、其实UI中国有很多实用的价值的,可以查看课程,也可以临摹里面的作品,可以提升自己的设计技术。
3、大家看,更多功能区,是不是还有很多学习的干货哦!
第二个:站酷
网址:https://www.zcool.com.cn
1、站酷网和UI中国设计感比较好,里面的作品也很有质感,如果想把自己的美感提升,可以参考站酷。
2、站酷涉及比较广泛,平面设计、工业设计到UI设计等,都可以学习
3、站酷也有专门的课程教学,有些想自学朋友们,可以报一个相关课程,来提升自己啦!
第三个:68Design
网址:http://www.68design.net
1、这个网站我重点说一下,这个基本我天天都会看的,里面每天都会更新好的作品,喜欢的话,下载收藏都可以的。
2、这个网站涉及面也挺广泛的,可以查看其他设计师的作品,“见贤思齐焉,见不贤而自省也”,也再好不过。
3、高清素材图片免费下载、免费下载、免费下载,重要的事情说3遍
里面有上万好图,很实用,不过有时候我们在商业的时候,一定要注意不要股权哦!
第四个:花瓣
网址:http://huaban.com
花瓣网我就不多说啦,你懂得,这个是一个图片范围很齐全的网站,设计的、非设计的,样样都有,恰到好处!
里面还有花瓣Live,对于喜欢画画的人来说是件好事,里面有很多课程,供你选择,我之前就买了一个课程,不过现在还没有看完,哈哈!
第五个:千库网
网址:http://www.cndesign.com
1、需要找素材及设计模板,上千库网你就对啦,拥有一个VIP,减轻设计负担,节约设计,让设计成为更简单的事情!
2、如果需要VIP终身会员的,可以关注我,私信千库网终身会员,即可免费领取,谢谢支持!
第六个:中国设计网
网址:http://www.cndesign.com/
最后一个网站,中国设计网,听名字就感觉很中国,它和前两个网站一样,功能都很齐全
你们可以根据需要来查找自己需要的东西,方便、快捷、简单。
总结:了解并掌握一个东西很难,因为世界本无百分百,如何提高自己的工作效率,让自己能掌握好的技术能力,其实也没有想象中那么难,这6个网站也是我比较喜欢和常用的,素材图片及设计灵感的来源,你们值得拥有,唯有坚持,方能不负所爱,加油!
创作不易,欢迎点赞、评论及关注我,希望我的分享可以给你带来更多美好,谢谢支持!
欢迎关注我,私信回复千库网终身会员、简历模板、论文模板、PS、Sketch、UI,就可以免费获取资料,让设计成为更简单的事情!
2024年设计文本参考网站 篇5
手工也有很多种,这里开篇就先简单分为两大类吧~一类是教程类,适合各种新手按照教程自己操作;另一类是观摩展示类,适合已经有一门手艺的手工玩家,参考别人的成品和设计。
另外,教程类下分为生活DIY类(例如废物利用,亲子手工这种)以及手作手工类(例如粘土,滴胶,花艺等等)两个大类,供大家各取所需,详细分类会在网站名下方描述。
国内的网站已经有答主详细回答过,这里就提供一些国内可上的国外手工网站,如有需要的话还会提及一些简单的分类选择方法,无语言障碍压力~
先马了再说(。・ω・。)觉得有用的手工玩家们欢迎点赞哟。
教程类(生活DIY类)
Country Living(乡村生活网)
网址:https://www.countryliving.com/diy-crafts/
手工教程网站大合集,内容大多都是一些用生活物品diy的教程,成品包括节日贺卡,装饰品等等。
一篇文章内就有好几十个diy教程,看到图片感兴趣的就可以点进去瞧瞧,然后再点击对应图片下的“Get the tutorial at ***"(参考下图)就能看到分布教程了~
Diy Joy(手工乐趣网)
https://diyjoy.com/
上图中标了分类,传到悟空似乎有点模糊……
这个网站也是手工教程大集合,一个文章里好几十个的那种,直接点击图片就可以查看教程,相当方便。排版也是简单粗暴,一看就懂,相当推荐。
Good Housekeeping(好家务网,翻译过来太接地气了)
https://www.goodhousekeeping.com/home/craft-ideas/
依然是相当方便的合集网站,不多介绍,记得按照上面的网址看哦,点进去就是手工diy分类。
DIY Network(手工网)
https://www.diynetwork.com/how-to
这个网站的分类相当详细,适合按需找教程的手工玩家,上面标注了几个大类的翻译,下面的就需要大家自行查询喽。
DIY Projects for Teens(青少年手作教程,其实是全年龄向的)
https://www.diyncrafts.com/
这个网站也是排版非常简单,只要点标题,然后点击图片即可,操作性很高,教程也很多,分类参考上图。如图,连画狗狗的30种方法也有,相当适合打发时间的一个网站!
教程类(手作手工类)
这一部分因为分类比较详细,基本上每个网站都是针对某一门手工,所以文字部分就不多做介绍啦,分类就直接标注在网址隔壁,会大概描述风格主题+一个比较有代表性的作品图片。
https://myvian.com/(软陶粘土类)
新手教程多,大多为软萌风格的粘土首饰等小物,有分步骤教程。
http://crumbavenue.com/tutorials/
软萌的粘土手作教程网站。
https://www.deviantart.com/
相当强悍的手工网站,只要输入你想要的手工分类+Tutorial(以粘土举个例子,就输入clay tutorial),教程多到数不清,值得你下载一个翻译软件查查看。
https://www.resinobsession.com/category/resin-tutorials
滴胶网站,有200多个滴胶教程。
https://jennyspins.typepad.com/jenny-spins/miniature-tutorial/
迷你粘土食玩教程
https://yourcrochet.com/
钩编教程网站
观摩展示类
Etsy(外网最大的手工制品零售网站)
https://www.etsy.com/
国外手工网站中的淘宝,地位绝对高崇,之前写到的另一个回答里提到过,从实体商品(粘土,软陶,滴胶首饰,自制家具等等)到电子版的高清壁画应有尽有,而且都是手工制作为主,很适合灵感枯竭的手作人作为参考和启发(但是不鼓励抄袭哟)。
DIY & Crafts(DIY与手作)
https://www.diyncrafts.com/
这个网站的分类简单粗暴,而且覆盖面很广,很适合喜欢用各种生活用品玩手工的人看,但是缺点就是文字量很大,还是有一定的语言障碍,所以虽然有教程,还是归到了展示大类,推荐英语ok的玩家浏览。
Art Fire(DIY成品商城之一)
https://www.artfire.com/
和etsy同类型的网站,依然是手工制品网上商城,灵感聚集地。
Handmade Artists' Shop(手作艺术家商店)
https://handmadeartists.com/
年纪偏大的妈妈奶奶们更常用的手工网站,比较传统了,适合年纪大了依然爱玩手工的爱好者们。网站比较老了所以分类也很详细,连蜡烛这种稍微冷门的手作也有专门的分类。
先介绍这么多啦,如果想知道更多网站的话,评论区见~记得点赞哟
2024年设计文本参考网站 篇6
本期分享从文案策划到交互设计共包含19个工具/网站,全方位学习新媒体运营的知识,文本偏向于营销H5策划与设计制作。
关于H5制作流程
笔者接触的H5制作辅助制作工作基本构成分为文案策划、设计交流学习、制图、视频编辑与剪辑、原型、H5动效/动画制作、图片/音视频压缩、素材存档,所以中间所使用的的工具也是这些。
注:分享的有一些软件需下载,有标注,无标注基本上是在线网站。文案策划
数英网-数字媒体及职业招聘网站
介绍:
数英网是一个数字营销媒体平台,内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域,并且进行热门项目推荐,平台还包含了人才招聘和社区版块,用户可通过平台查找合适招聘信息,也可在社区发布动态或关注他人。
推荐理由:
数英网是一个比较不错的综合平台,无论是热门的话题、品牌活动、刷屏的文案都可以找到对应的板块,还有单独的大厂的优秀的H5项目分享,是营销媒体人必上网站之一。
TOPYS | 全球顶尖创意分享平台 OPEN YOUR MIND
介绍:
作为中国成立最早、最受欢迎的创意垂直网站,TOPYS立志打造一个多元、完备的泛创意知识产品系统和学习平台,试图成为“A Creative Institution”,希望借由创意的学习……
推荐理由:
作为全球顶尖创意分享平台,每个创意、视觉、文案都很让人惊艳,十分推荐。视觉交流学习
站酷(ZCOOL) - 设计师互动平台
介绍:
站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
推荐理由:
站酷在设计师圈子有着超高人气,汇聚了大批优秀设计师、摄影师、插画师、艺术家、创意人,每天都有大量的首页加精的优秀作品分享,是一个不错的集灵感、设计技巧和项目经验学习和交流为一体的设计师平台。
UI中国用户体验设计平台
介绍:
UI 中国,前身为 iconfans,是专业的用户体验设计平 台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专 业的 UI 设计交流平台,为 UI 设计师……
推荐理由:
UI 中国与站酷面向人群基本重合,不过正如品牌名称,特色是突出UI方面领域,倾向官网、APP、H5、小程序UI的用户体验设计,注重情感表达在人机交互中的表现,平台定期会举办设计教程分享和大赛。制图/排版
制图&修图:Adobe Photoshop(需下载)
介绍:
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
推荐理由:
这个不需要多介绍了吧,一款作图的软件,设计师吃饭的家伙,我们平常说P图大多是说这个。
矢量图&排版:Adobe Illustrator(需下载)
介绍:
Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
推荐理由:
这个也不需要多介绍了吧,一款排版、制作矢量图的软件,做的视觉无论放大多少倍都不会失真,一般配合PS综合使用。素材网站
千图网-免费设计图片素材网站
介绍:
千图网是中国素材最多的网站之一,拥有800多万张素材。 提供:矢量图 、psd源文件、图片素材、网页素材、3D模型 素材、手机 APP 素材、 ppt 、画册 、图标热门主流素材下载服务,千图网以其独特的定位和全新运营模式,处于素材 网站 领先地位。
推荐理由:
千图网各类素材较多,质量整体中等,部分图标、节日元素、海报可以作为H5使用,快速短期出平面,建议企业用户,可以商用素材,避免不必要的版权风险,若自己有原创能力尽量自己PS。
包图网_专注原创商用设计图片下载
介绍:
包图网是素材在线交易网站,主要服务是提供图片、视频、音频、psd 源文件 等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
推荐理由:
包图网与千图网属于同类网站,但偏向于UI、插画等方向,质量整体中上,部分图标、节日元素、海报可以作为H5使用,建议企业用户,可以商用素材,避免不必要的版权风险。视频编辑/剪辑
视频编辑:Adobe After Effects(需下载)
介绍:
Adobe After Effects简称“AE”是 Adobe 公司推出的一款图形视频处理 软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
推荐理由:
同样是 Adobe 旗下的为设计打造的视频处理处理编辑软件,利用三维插件和关键帧动画可以制作出网页原生动画实现不了的动画效果,可导出视频、序列、GIF增加H5的视觉表现和互动效果,制作H5互动视频是个不错的玩法。
如H5互动视频作品:《王小艺的朋友圈》
视频剪辑:Adobe Premiere(需下载)
介绍:
Premiere的简称,由 Adobe 公司开发是一款常用的视频编辑 软件,由 Adobe 公司推出。现在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款编辑画面质量比较好的软件 ,有较好的兼容性 ,且可以与Adobe公司推出的其他软件相互协作。
推荐理由:
十分强大的视频剪辑软件,也是Adobe旗下的产品,是如今自媒体人必学的软件之一,可以剪辑、配乐、专场,一般会配合AE一起使用。
会声会影中文版免费下载-会声会影中文官网(需下载)
介绍:
会声会影是 加拿大 Corel公司制作的一款功能强大的视频编辑 软件,正版英文名:Corel VideoStudio,具有图像抓取和编修功能,可以抓取,转换 MV、DV 、V8、TV和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可导出多种常见的视频格式,甚至可以直接制作成DVD和VCD光盘。
推荐理由:
平常使用的不多,还是在大学时期使用了一些,小白可以很方便制作看起来有些炫酷的视频特效与剪辑。原型设计
墨刀- 远程办公好帮手 在线产品原型设计与协作平台
介绍:
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
推荐理由:
产品特色包括素材库、设计、高效演示及评审、导入Sketch稿、云端编辑、多人协作,可以在线制作APP及活动页面。H5制作工具
意派∙Epub360-专业H5页面在线交互设计制作工具
介绍:
意派Epub360隶属于上海意派科技,是专业级的H5交互设计平台,采用可视化组件编辑,可实现复杂的H5交互动画、数据及逻辑,是华为、招商银行、上海观察等企业的共同选择。
专业交互功能:支持专业级动画控制、交互设定、社交应用与数据应用,保障企业的商业需求顺利实现。
操作简易:采用由简到难递进式产品设计模式,效果组件化,减少用户上手难度,稳定的操作环境助力企业持续创意输出。
提供企业服务:我们为企业/媒体单位提供H5工具培训、定制及私有化部署服务,定制服务包含扫码签到、大屏互动、H5游戏等多种场景,是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
提供优质模板:提供丰富的模板库,500+优质的企业H5模板,各种邀请函、招聘、节日海报、H5小游戏应有尽有。
推荐理由:
意派Epub360是一款专业的H5交互设计神器,无需下载软件,在线编辑制作H5作品,2014年上线,算是比较早的专业H5设计工具,可以零代码制作电脑、ipad和微信端H5作品,国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制,曾经两天时间快速上线一个炫酷产品宣传的H5作品,超神速!算是一款可以制作出高质量H5作品的H5交互设计神器。图片压缩
图片压缩:Tinypng
介绍:
TinyPNG For Photoshop 插件是一款 PNG 图片压缩插件,通过这款插件你可以将 PNG 图片进行高压缩但对图片质量的影响微乎其微。只需要简单的两步就可以完成对 PNG 图片的高压缩而且还不会影响 PNG 图片的质量,这样就可以解决网页设计师因图片太大而影响网站加载网页速度的难题。
推荐理由:
TinyPNG虽然是英文网站,但打开很快,不需要看懂,拖动图片到中间上传的图标上就可以, 压缩率很高,支持压缩JPG、PNG,整体压缩幅度是 70%,而且几乎不损失画质。 但每次压缩限制大小5兆和 最多20 张图片,如果是序列图则不太适合,不过一般使用是完全够用的,另外自定义压缩质量还可以使用国内压缩工具“压缩图”。
图片压缩:压缩图
介绍:
压缩图是在线图片压缩工具,支持GIF压缩、PNG压缩、JPG压缩,还可以在线图片加水印、图片旋转、制作长图拼接、图片改颜色、图片添加文字、图片去底色、证件照换底色……
推荐理由:
有损压缩,但支持压缩JPG、PNG和GIF,支持压缩质量百分比、宽高比,有时我会跟tinypng混着用,部分大图压缩使用压缩图。音视频压缩
Handbrake
介绍:
HandBrake是一款小巧到极致的实用视频转换软件,软件功能非常强大,界面简洁明晰、操作方便快捷,设计得很人性化。HandBrake中文版支持Win/Mac/Lin操作系统,批量转换视频格式,并自带压缩功能。需要的朋友千万不要错过哦!
推荐理由:
这款软件是界面是英文的,需要看懂几个基础的英文专业用词,现在经常在Mac系统上,之前用的window国产小软件不能用了,但是它同时支持Mac与window系统,有设置压缩速率,我一般设置成22左右,压缩质量和体积综合较强,压缩速度快,曾经我用这款软件把1.2G的视频文件压缩到22.6兆,可谓是惊呆了我和我的小伙伴们!确实是一款国外的优秀压缩软件!
格式转化:格式工厂
介绍:
格式工厂是一款免费多功能的多媒体文件转换工具。格式工厂功能强大,可以帮助用户简单快速的转换需要的视频文件格式。不仅如此,格式工厂软件操作简便,用户安装后就可以上手进行使用,为用户带来快速简便的使用体验。
推荐理由:
这款软件我个人用的不是很多,因为有一阵子使用Windows系统比较多,经常需要压缩音频、视频和各个视频格式的转化,挺方便,同时这也是一个免费的国产压缩软件,界面是中文的比较好操作。压缩质量中上,但速度很快,很适合对质量要求不是很专业的小白用户。修改建议协同文档
石墨文档-远程办公系统/解决方案
介绍:
石墨文档是全新一代云 Office 办公软件,支持多人在线协作编辑文档和表格,独有内容级安全,全过程留痕可追溯。PC 端和移动端全覆盖,随时随地远程办公。
推荐理由:
石墨最大的特点是协同办公,这点可以在我们项目制作修改意见有效的沟通并记录,传统方式,客户在项目交流群里,以聊天的形式反馈建议,一会儿没看可能就几十条,有时还穿插着59秒的语音建议,分分钟想哭好嘛?要是对方领导太多,一个人一张嘴,不经历你根本想象不到有多惨!有了这个,不会忽视每一条修改建议,客户通过标注的方式,实时反馈与按条修改,修改效率会大大提升!素材存档
百度网盘,让美好永远陪伴
介绍:
百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。现在注册即有机会享受15G的免费存储空间。
推荐理由:
这个也不需要多介绍了,之前有几家网盘接连官宣停止运营,目前也就百度网盘、腾讯微云等大平台还在。我们在做H5项目一开始就养成一个好的习惯,每次做完项目,项目中所有的源文件、图片、音频、视频请新建文件夹归类。老设计师都知道,随着接触的项目越多,文件都放在电脑上,每个盘都塞得慢慢的,时间一长电脑运行肯定卡,这时候基本上要依靠移动硬盘和云盘,移动硬盘本地储存安全私密性高,但是某宝某东上搜一下,价格偏高,如果坏了难以修复,百度网盘基础使用的空间一般是够用了,缺点是免费版的下载速度真是龟速,不过也没花钱不是嘛哈哈。
本期分享就到这里了,关注我
2024年设计文本参考网站 篇7
设计师必备的灵感网站大集锦,双手奉上,已做好分类。
因为设计师的专业分类很多,有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等,所需要的网站元素也不同,从灵感搜集、字体、配色、Logo素材,设计师门户网站等等这里统一汇总,整合国内外优秀设计网站,还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站,打开速度很快,图片数量多,还是免费!缺点是质量层次不齐,需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心,超多高清图片素材,壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高,很多都是摄影作品。除了不可以将图片转载到其他图库外,可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站,很多夸张风格的图片素材,包括人物风景等等,想要找一些“震撼”的图片,不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了,各种尺寸比例的图片都有,但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内,可以调整样式,颜色,间距等等,简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源,采用瀑布流的展示效果来展示每天都会更新的设计资源,只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站,平时也经常去逛,里面收录了很多优秀的海报,作品都很优质,点击相应的海报,会列出该海报的介绍,来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台,依托于全球设计文化对各个领域的影响,及庞大和活跃的用户群表现出极强的互动性,用不同的观点,出色的内容,聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志,它是由一群广告人、媒体人、设计师共同创办的,你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网,有点类似于咱们的UI中国,是一个集合了个多种设计品类的交流平台,在台湾本地,号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站!,于2010年推出,用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站,汇集了众多的优秀设计作品,包括安卓、iOS、Windows、WEB等设计作品,多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站,也是台湾最多人看的艺术网站,关注国际艺术动向,提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网,认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天,每天坚持出一张海报,产量颇高!上面的风格独特,色彩绚丽,创意俱佳。
10、优设网
上面有许多的设计干货,现阶段属于免费阶段,缺点可能就是没办法登陆收藏自己想要的干货,不过收藏网页也是一样的
11、Adobe Create Magazine,
Adobe的官方站点,有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库,但是,emmm,非免费
13、图虫创意
也是一个正版图库,同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用,不用开PS,可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站,可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有,游戏音乐,以及杂七杂八的小图标,在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的,看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多,还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件,但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎,各种类型的图标素材都有,并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站,各种姿势各种动作的小人可以下载,缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点:中文版本,软件的服务器在国内访问速度快,国内的单品能找到品牌供应商;
缺点:高质量的图少,软件不够流畅,功能不够强大;
2、board
优点是:灵感图片多,可手机上搭配方案,操作流畅;缺点是:不落地,英文版本使用略不方便;
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest (现需要翻墙)
7、inspirationgrid
8、behance
七、配色网站
1,Color Hun
2,uiGradients - Beautiful colored gradients
3,http://nipponcolors.com/-日本的,不要太强
4,配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5,Colours-可以查看其它网站配色
6,The Color Scheme Designer
7,Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片,而且能免费下载,都是一些高清摄影图,采用和花瓣一样的信息流模式,浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理,可以很快速地根据类目搜索自己想要的图片,图片涵盖范围很广,有高清摄影图,也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站,还有一些具有时代感的插画,部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库,网站有近30万张图片素材,并且虽然是国外的网站,但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站,一个拥有近5万张PNG素材的图片库,素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一,支持修改颜色,支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站,支持分类以及搜索,大部分素材免费可商用,但缺点同样是好的素材要花时间找。
5、千库网(千库网_免费png图片背景素材下载,做设计不抠图)
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站,一键下载并支持预览,做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站,样式多品质高,点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站,纹理样式多,提供了瀑布流的预览方式,同时也支持直接搜索。
3、Pattern Library
数量不多,但每个都是精品。默认提供大图预览方式,点击右侧的功能键也可以查看全部的纹理图案。