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 转换成功

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180124G0859G00?refer=cp_1026

扫码关注云+社区