UI相关网站总结

除了站酷、花瓣、behance、追波、pintrest以外还有许多不错的网站值得收藏，以下列举了本人平常用的一些网站，及500px图库网站大图的下载和格式转换。

关于新产品：

亮点：每天会推送一些新的产品，是个不错的收集idea的地方。

关于图库：

关于图库的网站有很多，我只列举我自己经常用的

1.wallhaven：https://alpha.wallhaven.cc/

亮点：图片尺寸大

缺点：图片滤镜过于严重

2.500px：https://500px.com/home

亮点：图片资源丰富，质量较好

缺点：版权限制，大图片格式采用的是webp格式，PS无法识别，不过可以通过简单格式转换来解决。（转换及下载方法在文章结尾给出）

3.图虫网：https://tysong.tuchong.com/

亮点：大量的摄影图片网站

缺点：版权限制，图片不能常规右键保存

4.pixabay：https://pixabay.com/

亮点：图片尺寸质量都还不错，并且可免费使用！

关于原型：

原型工具比较权威的除了Axure，Sketch，AdobeXD以外还有许多在线编辑工具，这些在线编辑工具学习成本低，在工作中可以快速出效果。

1.Demoo：https://isux.us/demoo/index.php

亮点：简单快捷，是腾讯团队的一块工具

2.墨刀：https://modao.cc/

亮点：简单快捷

关于H5：

H5只是普通人理解的那个H5，不是开发人员理解的那种HTML5标准

亮点：许多免费模版可供使用

2.人人秀：https://www.rrxiu.net/

没做深入了解，个人感觉和易企秀差不多

解决500px无法右键保存图片及webp格式转换：

1.搜索你想要的图片，一般都是右键图片另存为，但是500px是屏蔽右键的：

图1.1 右键弹出消息

2.这个时候我们可以通过审查元素来找到这张图片所对应的DOM（HTML节点元素），我们有两个途径审查元素：一种是按F12，一种是点击没有屏蔽右键的右侧页面审查元素。

图1.2 审查元素

3.一般图片位于class="photo_container"的这个盒子里面的标签下，为了快速找到对应盒子，我们可以Ctrl+F查找，输入photo_container，来找到对应盒子：

图1.3 找到对应DOM

4.右键标签，选择“Open link in new tab”，在新的窗口打开图片资源，接着右键另存为就ok了。

图1.4 新窗口打开图片

5.保存到桌面的图片后缀为jpg，但是无法通过PS或wndows自带的看图软件打开，这是因为保存的图片格式其实不是jpg，而是webp：

图1.5 图片无法打开

注：webp由谷歌于2010年推出的新一代图片格式，在压缩方面比当前JPEG格式更优越。

图1.6 格式转换界面

7.上传图片转换格式，右键保存即可

图1.1 转换成功