IPhone on Victor42

一张图告诉你 iPhone 6 (plus) 多难搞

hi@victor42.work (Victor42) — Wed, 08 Oct 2014 18:08:00 +0000

虽然从屏幕长宽比来看，16:9可以说是手机界的共识，可不要高兴得太早，有个更大的坑在等着我们。

iPhone 6 (plus)的问世让我们不得不重新考虑，iPhone的UI要怎么做？画布设多大？

根据以往Android的经验，尽管屏幕物理尺寸多如牛毛，但是除以相应的倍率，得到的逻辑像素比较统一，不同屏幕上显示的信息量是一样的。少数另类也是即将淘汰的老旧设备，稍稍偏小一点，设计时酌情考虑即可。

现在iPhone的情况似乎有点不妙，物理尺寸除以倍率，真是一种一个样啊！不同的逻辑像素意味着屏幕的信息量不一样，而且可以差很大。对比5s和6+的逻辑像素，真的差很远。这会导致5s上刚刚好的设计，在6+上显得太空旷；6+上刚刚好的设计，5s上一定变老人机。

与此相比，多切一套图真不算什么。真正的挑战，是一套设计已经不够了。当然我们可以为大屏的6+单独设计。但5s和6即使倍率相同，逻辑像素也不一样。这意味着我们要在一套设计中处处考虑大小两种屏幕尺寸。

所以iOS8的更新意义重大，开发若再像以前那样靠绝对坐标来做UI布局，一定是无法兼顾两者的，自适应布局是唯一的出路。我们需要尽快转变观念，像网页设计那样来做App的UI布局。况且6和6+还提倡横屏模式，响应式设计是大势所趋。

新iPhone6与Apple watch给设计师带来的影响

hi@victor42.work (Victor42) — Sun, 28 Sep 2014 19:12:31 +0000

国外设计第59期

九月9日，苹果发布了一些很棒的新产品。但它对设计师而言意味着什么呢？不论发布会主题是否令你影响深刻，我们都能领教它所要表达的东西。

有更多的产品供人选择，于是也有更多的事物给设计师们带来影响。

##屏幕更多样化

显然，作为设计师，我们会担心或欣赏这两种新的iPhone带来的屏幕差异。设计师们总偏向于iPhone——看看Dribbble上有多少Android作品就知道了。iPhone曾经有固定的尺寸，设计起来很容易。如今则不然。随着新增的Retina HD，我们又得多应对一种分辨率。

###屏幕尺寸

更多信息请查看PDF that Lemonat Studio，聚合了4种iPhone的详细信息。

###带动响应式设计

更多种屏幕尺寸给我们机会拥抱响应式设计。响应式设计很灵活，我们应该尽可能利用我们的优势。由于这两种明显增大的iPhone，使我们有机会让响应式网页更富创造性。至少，我们会更擅长使用大屏手机测试响应式网页；这点对所有大屏Android手机也是有利的。谁知道呢，或许我们还会开始考虑平板，就这点而言，iPhone 6 Plus几乎和iPad Mini的尺寸相当了。

###横向App

苹果指出，iPhone 6 Plus的亮点之一是它的横屏尺寸。对横屏设计的强调令人耳目一新。我们要面对现实，不论在app还是响应式网页中，这都不是我们常做的设计。不管怎样，我们是时候也应该这么做了。拥抱更大的屏幕吧，打造支持横竖屏的美丽迷人的app，来挥洒你的创造性。

###重点

不论你喜欢与否，苹果推出的两种新iPhone尺寸会给设计带来深远影响。我们有两种选择，逃避式地将设计适当放大，或是拥抱它的挑战，让我们为那些屏幕打造崭新的、更优秀的设计。

###Android怎么办？

是的，我知道Android很早以前就开始出现大屏幕了。但是，出于某些原因，设计师们都还是偏向于iPhone。通常，客户也优先考虑iPhone app。这或许意味着，随着iPhone的尺寸如今与Android相同或相似，我们终于可以同时包含两种手机的设计了。

##Apple Watch是个新挑战

Apple Watch，苹果推出的新手表产品，和其他苹果设备都不一样。它是可定制的、个性化的，也很迷你。不像同样拥有小屏幕的iPod，Apple Watch可以安装app。这点很重要，因为我们将会设计那些app。Apple Watch有它的局限，比如它只是第一代，屏幕也很小。这意味着两件事。首先，我们要拥抱小屏幕，将它的局限当作一项光荣的创意挑战。或者索性避开这款手表。可穿戴设备才刚刚起步，让人难以拥抱它们，因为它还不是一个完美的设备。所以，第二个选择可能意味着Apple Watch会成为一个迷失的媒介，像iPad一样。

不过看到苹果在尝试探索可穿戴科技，总是件好事情。不论设计圈未来会如何对待Apple Watch，有一点可以肯定，当下Apple Watch是一款热门的激动人心的设备。

###无穷的可能性

这个动作引发了一个巨大的疑问：苹果下一步会做什么？我猜苹果未来会分化出其他产品和技术——包括可穿戴设备。更大的新iPhone使得这点尤其肯定。苹果开始走向多样化。

##苹果不再是从前那个苹果公司了

这次的主题显然令人大开眼界。苹果不再是曾经那个苹果了。指出Tim Cook和Steve Jobs之间的差别再容易不过，但远非这么简单。这家公司在以一种与以往不同的方式做事情，你可以认为更换CEO是件坏事，但如果意识到它已经是另一家公司，其实就是件好事。不论你如何诠释，苹果的变革就发生在我们身边。

###产品设计的多样性

如果你看看最新的iPhone、iPod、ipad，你会注意到他们显然不同。苹果的产品从前遵循着相似的设计信条。早先的Mac OS版本与更早的比较相似，比如iOS6和Maverick。iPad是照着iPhone的模子做的，iPod的设计也被修改以配合iPhone。如今，苹果的产品很多样化，最新一代iPod与时下的iPad完全不同，iPad和Apple Watch也不同，它又不同于……你明白的。这就意味着作为设计师，我们应该期望做出不同的设计和风格。

###可定制的Apple Watch

新苹果的一个显著特征，是推广可定制的、个性化的产品。Apple Watch是第一款能够让你自己定制的苹果产品。在这之前，苹果都在照着它的行事风格，为你打造完美无缺的产品——你要么爱上并购买它，要么不会。（当然，它允许一点点定制化。）

我选择iPhone而非Android手机，那是因为我信任苹果的设计师与工程师能够为我提供最佳的体验。我不需要定制化，我信任产品的体验，毕竟这些设计师都是专家。我知道这样的人不止我一个。这款手表尚不能完全定制，无法选择不同的造型——比如圆形或方形表盘——但它仍然走了一条与先前的苹果产品截然不同的路线。

###重点

作为设计师，摆在我们面前的是苹果式设计的多样化风格。它会改变我们为不同设备开发的方式，也会改变设备本身的设计如何激发我们前进。

你怎么看？你觉得苹果最近的发布会将给设计圈带来怎样的影响？

原文链接

iPhone6的创意概念设计

hi@victor42.work (Victor42) — Sun, 08 Sep 2013 21:49:36 +0000

[国外设计第9期]

随着几个月前iOS7的亮相和iMac的全新产品设计问世，我们可以瞥见今年秋季苹果新产品线的冰山一角。尽管很多设计师对于新iOS设计表示愤怒，实际上我也是，有些设计师已经开始拥抱它并将它推向一个新的高度。我的意思是，他们已经接受了新的iOS设计风格并且进行了改进。不管怎么说，这还不是所有，他们也创造了iPhone 6的概念设计，让整个概念设计走得更远

我们都焦急期待着苹果将在9月发布会上展示什么，就像一直以来，设计师们都会创造他们期望看到的产品原型。这些iPhone 6概念是其中一部分。不管怎么说，这些特别的设计都值得一谈

简而言之，我觉得它们都是漂亮的界面设计，囊括了新的苹果设计风格来打造惊人的外观。它们有着欢乐且丰富的配色、纤细的字体和新iPhone界面下有趣的使用体验

新iPhone

那么新iPhone的概念设计有什么不同？嗯……最重要的一点，是你会注意到它看起来很像iPhone 5但是屏幕边缘包裹手机。个人感觉这看起来相当优雅，但从可用性角度来看，在实际设备上可能没那么好用，不过那只是我自己的用户体验主张

接下来这些例子中可以看出，一些设计师把这部分空间用作社交媒体的小按钮，其他人就只是把漂亮的界面背景延伸到上面。这种边缘延伸相当唯美，虽然这个细长尴尬的空间看起来难以加入更多实用功能

案例集锦

第一个界面非常高雅，这得益于它温暖的红色调配色。上层界面的背景图非常有趣，充分利用了不同色彩间的戏剧性效果。视线事实上直接被吸引过去了。总体上这个界面没有太多内容，因为它除了一个简单的三角形图标、一行标题和一个确认按钮之外就没什么了

这个Twitter界面看起来是多么不同！不过它确实遵从了iOS 7的设计风格。因为虽然可以看出Twitter app的功能还是一样，新的皮肤让它看起来像是苹果设计的原生app。但它不是个糟糕的设计，我喜欢那些小说明箭头，附加了一种强烈的设计感，你觉得呢？

这是新iOS7锁屏界面在iPhone 6概念版中的精彩演绎。尽管这回界面与新iOS的设计非常接近，让人看到了华丽纤细的字体。但这个星空背景和以此著称的苹果设计主题实在太贴切了

这是我个人最喜欢的一个，因为这彩色的背景。它简直可以用辉煌灿烂形容。这也是个锁屏界面，可以看到当前天气。事实上图标设计和字体极其相称。但鲜艳的背景色才是引人注目的焦点。这些颜色令人欲罢不能

我不得不说，我欣赏这个消息界面设计，因为它是那么直白切题，真了不起。虽然和iOS7中展现的有少许不同，它仍然遵从了新的扁平iOS7设计。这件作品和影响了新iOS设计风格的扁平设计大潮结合地恰到好处

这有另一款极简却美妙的锁屏界面。当然，又是一张令我们神魂颠倒的精彩背景图。但如果你整个看下来，你会发现它巨大的字体，还有新的iPhone解锁方式——上滑，而非右滑。这个创意来自通知中心的下滑动作，解锁功能于是颠倒过来

与这系列中其他大部分锁屏界面不同，这款用了扁平的背景，非常棒。这件作品实际上是前一个的回应，能看到同样华丽的上滑解锁功能。不管怎么说，我都觉得这件设计非常赞，因为蓝色调显得如此高贵，也因为它包含了iOS7亮相以来在Dribbble上盛行的长阴影设计趋势。这个结合干净利索

又是长阴影和天气。这个app扁平地很迷人。没有iOS7典型的纤细字体和图标，这件设计使用细温度字体，其他所有地方却都用了厚实的图标。这个对比非常有趣，因为这两者间的平衡恰到好处。实际上这个天气app设计还有很多内容，但它执行良好，一点也不显得杂乱

Square的产品设计和界面设计都相当漂亮。这件Square App的概念设计iOS7风格执行地很到位。这其实就是个想象中的计算器应用，但它看起来很棒。你觉得吗？它看起来集明亮、现代、简洁和优雅于一身

这是个相当优雅的旅行app概念设计，可以让你分享旅行地点给朋友。我喜欢这件设计的地方，是在大部分iOS7设计都使用亮色时，它大胆地采用了深色配色，令人耳目一新。木炭灰与红色的强烈对比让人爱不释手。而且白色的小小高亮元素简直是神来之笔

最后一件作品展示了讨喜的模糊背景——沿袭iOS7的作风，自从它拥抱模糊背景的界面设计之后。它主体部分有一堆看似单一的白色图表，用了不同的透明度来展现。它们灰白混搭，看上去组织良好，一点也不显得杂乱

原文链接