标签: 美化

iOS 上的 25+ 款图片编辑 App 助你打造完美照片

mac photos app icon完美的照片不仅要靠完美的拍摄技巧,还要靠完善的后期处理。不要嫌图片后期麻烦了,在这个人人皆可 PS 的时代,良好的修图技能是你必不可少的。要想打造一张令人满意的照片,现在更多的要求你能打造更令人满意的修图效果。下面介绍 iOS 平台上多达 25 款优秀的图片编辑 App 助你打造完美照片。

照片局部细节调整

一张照片的修缮,不仅仅需要整体画面的提升,还需要更加优秀的细节。我知道你现在需要一款神器,它能够专注于一张照片的某个局部,进行针对性的修改,而不破坏其它的地方,就像局部手术一样。

用 iPhone 拍出更好照片的 10 个技巧

mac photos app icon我们最常使用的拍照设备便是我们的手机。而每天产生最多照片的手机,便是常用的 iPhone。在若干年前,手机厂商对其摄像质量一直是潦草了事,然而随着智能手机的兴起,手机的屏幕尺寸越来越大,显示效果也越来越清晰,手机摄像头的成像质量也必须做得越来越高,使得各个厂商之间决逐竞争。

然而我们真的这么了解手机拍照吗?下面 10 个用 iPhone 拍照的技巧可能对你有帮助。

焦距锁定 —— 拍出浅景深效果

我们都钟爱单反能拍出的浅景深效果。那种背景模糊而主体轮廓清晰的效果,能够很好的突出主题,给人专业照片的感觉。我们知道焦距越长、光圈越大,景深越浅,然而 iPhone 的焦距比较短,等效焦距大约为 30mm 左右,并且光圈固定不可调,因此难以拍出浅景深的效果。但是这并不是不可能,因为只要物体比较近,仍然能够造出近距离的浅景深。

网页检测 AdBlock 的 6 种方法

adblock logo有些网页上充斥着令人厌恶的广告,这些广告不仅阻碍了信息的获取,有的还严重影响了浏览者的心情。特别是某些毫不相关的多媒体广告和弹出式窗口,不仅让人感到被骚扰,还很容易误点到,浪费宝贵的时间。由此便诞生了大名鼎鼎的跨平台 AdBlock 插件,在任何主流浏览器上都有它的扩展或插件,用户可以安装它并屏蔽绝大多数的广告。

既然 AdBlock 有检测广告并屏蔽它们的方法,作为网页制作者,其实也有反过来检测 AdBlock 的方法。

为什么要检测 AdBlock

这是一个有争论的问题:用户有选择不看广告、在浏览器页面上销毁广告的权利,网站也有捆绑广告和信息一同派发给你并收取广告商展示费用的自由。这两者都不能互相干预,并且在没有明确法律法规的环境下,你可以防范我,我也可以防范你。

ads on webpage

带给设计师创意和灵感的十大 iPad 应用

apps designer iconiPad 的多点触摸大屏幕是设计师们发现创意和寻找灵感的绝佳方式。App Store 上丰富多彩的应用也给了用户无限的可能性,有了如此众多的工具,唯一的局限可能就是个人的想象力。不过灵感虽然重要,但效率和转化率也很重要。有了好工具,还要有足够的耐心真正打造出优秀的设计。

我们要在鱼目混杂的众多应用里探索并选取能带给人灵感的佼佼者,下面是挑选的其中十款,它们都为 iPad 的大屏幕优化适配,可以充分利用大屏幕的优势,某些应用还可以适用于 iPhone 和 Android。

Bēhance

Bēhance 现被 Adobe 公司收购,是一个设计者们发布分享和发现新设计的的地方,你可以从其丰富的分类浏览到世界各地设计师们的杰出作品。从简单的绘图,到 UI 界面设计,再到 Logo 的设计创意,你都可以找到丰富的资源。这里不仅仅是设计师们的炫技场,还是你平日查找和学习优秀设计的好地方。有什么比直接关注并学习设计大师们的作品更好的学习方法呢?相信这些琳琅满目的优秀设计可以带给你不少触动。你还可以上传自认满意的作品,看看别人怎么评价。

VSCO Cam: 手机摄影的绝佳应用 (iPhone、iPad、Android App)

VSCO logo从诺基亚时代开始摄像头就成为了手机必不可少的部件。而自 iPhone 等智能手机面世以来,手机摄像不只是具有单纯的捕捉一个稍纵即逝瞬间的功能,为了满足人们日益增长的需要,它越来越成为了人们业余摄像、旅游摄影、拍照留恋的最佳工具,智能手机的摄像头越来越成为世界上使用最多的摄像头。手机摄像功能变得更加强大,得益于智能操作系统平台的优势,一大堆图片编辑的应用也涌现出来,特别是像 Instagram 这种集拍摄、滤镜和编辑、关注和分享、赞和评论于一体的服务,可以说是里程碑式地创造了移动摄影的新天地。

这里要介绍来自 Visual Supply Co (VSCO) 的同样集拍摄、滤镜和编辑、分享和发布于一体的 VSCOcam,如果说 Instagram 是手机拍照的绝佳分享应用的话,那么我更愿意形容 VSCOcam 为移动摄影 (Mobile Photography) 爱好者的绝佳专业级应用。

VSCOcam 有着优雅的界面、绝佳的滤镜组合、精准到位的编辑效果、专注的图片社区、无限的上传存储空间,并且随着 VSCOcam 4 的到来,VSCOcam 首次来到 iPad 平台,其出色的表现如今更添光彩。

VSCO webhp

如何一步步把网站Retina优化

retina logo随着高清屏幕、高分辨率屏幕越来越流行,例如MacBook Retina机型、iPad Air系列,这些新生机器有着很高的PPI,对网页的清晰度要求很高,所以越来越多的站长都不得不面临一个问题,那就是把自己的网站做到高分辨率适配 (Retina-Ready)。因为低清的网页在高分辨率屏幕上看起来很糟糕,对用户体验是一个很大的损害。相反,高分辨率适配的网站看起来则更加美观清晰,对用户体验有很大的提高。所以随着科技的发展,Retina适配 (Retinafy)是一种必然趋势,各位不妨现在就做好这个准备。

Retina 适配的优势

网站为高清屏幕优化有什么优势呢?首先有大量的网站没有Retina优化,并且有着越来越多的互联网流量来自平板和手机电脑,这些机型都是非常提前就拥有高清屏的。之所以广大的站长还不动心Retina优化自己的网站,大多因为他们管理网站所用的电脑还不是高清屏幕,所以暂时没有体验到高清屏下低清网页的模糊感觉。但是如果能在现在就鹤立鸡群,把自己的网站做到高清优化,是非常尊重用户体验的,可以获得更多的回头客和满意度。

retina websites on macbook

下面就来从网站的一些基本角度出发,来展示如何一步步的让网站Retina优化。

下载网页中嵌入的Base64编码字体 (Webfont)

font icon网页上可以嵌入一些小型的字体来增强界面效果,优美的字体一直是界面开发者所梦寐以求的,然而优美的字体并不能想Arial和Helvetica那样,在大多数的平台上都自带。如果确实需要某种字体,为了防止客户端字体库没有这个字体,UI设计者可能就会在网页上选择嵌入字体,来达到所有客户端显示效果一致,保留最整齐的界面。

Webfont (Web Open Font Format) 正诞生于此,它的有点不仅在于占用体积较小、浏览器通用功能,它还可以轻松的转换为base64编码,从而非常简单的直接嵌入到CSS中,不需要额外的文件了。例如主流的Adobe Typekit就提供了在线字体库服务,其字体大多数都是通过此方法来嵌入的。

typekit

中意了某款在线字体,想要下载下来试用一下?本文就以Chrome浏览器为例,来教大家如何下载这些嵌入的Base64编码的字体 (Webfont)。

Tridiv: 在线的CSS 3D编辑器,轻松创建3D Web图形

tridiv logo利用最新的CSS技术,配合支持的浏览器,你可以轻松的在线创建、浏览并保存管理Web 3D图像。Tridiv是一个基于 Web 的免费编辑器,使用 CSS 创建 3D 图像,直观且容易操作,不需要多余的教程即可轻松上手,并且可基于Local Storage保存管理你创建的3D图像。

tridiv.com

WiziApp插件: 创建WordPress HTML5移动版页面、甚至Android、iOS客户端

wiziapp logowordpress上比较流行的移动版插件是WPtouch,可以让你不需要过多的关心即可生成高质量的移动主题,给人非常好的移动阅读体验。但是一味的WPtouch 也没有新意了,今天介绍的是WiziApp,一款非常强大,并且有着商业化运营的全新移动版插件:Wiziapp。

WiziApp插件 创建wordpress移动版网页

Wiziapp可以创建HTML5的移动版网页,来让移动浏览器访客进入此移动版网页,使得它看起来像是真的App一样,并且如果你有需要还提供了免费的Android软件生成。下面简单介绍一下WiziApp创建wordpress移动版的使用和体验。

Wiziapp的显著优点

  • HTML5清新风格移动版主题,给人浏览器网页以App应用的体验
  • 不是WPtouch的界面
  • 快速、简单,一键解决的向导,安装好插件只需等待一会即可完成创建!
  • 功能齐全,界面美观,并且可定制性强
  • 支持文章、图片相册,甚至音乐视频的展示,并可在线播放
  • 支持生成高质量的移动客户端!支持Android、iOS,你不需要写任何代码,并且自动更新内容
  • 免费网页+免费生成Android客户端 并协助你提交到Google Play
  • 收费的iOS客户端,大约200 USD每年
  • 支持Google Analytics
  • 支持Admob,如果你有Adsense广告仍然可以赚钱
  • 支持分享文章,以及保存到稍后阅读服务

下图是一个示例:

为WordPress添加面包屑导航 (Breadcrumbs)

breadcrumbs面包屑导航,即breadcrumbs,是一种在互联网上很流行的导航条格式,它可以清楚地告诉浏览者现在在网站上的位置,并提供他们向上一级继续阅读的机会。

例如下图即是一个面包屑导航:

scrsht 2013-08-16 下午5.05.28

wordpress原生没有此类导航条的功能,需要借助插件或者自己修改主题文件来实现。但是我今天介绍的是不需要任何插件,只需添加几行代码即可自由定制的面包屑导航 (Breadcrumbs)添加方法。