Skip to main content

それでも私がSketchを使い続ける理由。

ついにUIデザインツールの大本命とされていたAdobeのProject CometがAdobe Xdとしてリリースされた。
学生時代から10年近くAdobe製品を使い続けていたが、UIデザインでの使い勝手の悪さにウンザリし、ようやく重い腰をあげてSketchに移行したところだった。
そんな中、Adobe Xdは「またAdobeに戻ってもいいかも」と思えるぐらい、Sketchのシンプルさとプロトタイピングツールのエッセンスがうまく統合されていて心が揺れ動くプロダクトだ。
まだプレビュー版で機能などは限定的なので、正確に評価することは難しいが、Adobeが持つ他ツールとの親和性やマーケティング力を考えると、Sketchや既存サービスにとって大きな脅威となるのではないだろうか。
Adobeが強力なツールを出してきた中で、それでもSketchを使い続ける理由はあるのか。

UIデザインに携わる人にとって悩ましいところだが、Sketchの未来はまだまだ明るい。
単純に機能を比較するだけでは測れないような価値がSketchにはあるからだ。

UIだけでなく、プロセスをデザインできる。

プロトタイピングはProttやFlinto、プロジェクト管理まで含めるならInvision、エンジニアとの連携ならZeplinなど、Sketchと親和性の高いサービスが続々と登場している。
Sketchなら、これらをうまく組み合わせることでプロトタイピングやコミュニケーション、開発に至るまでのあらゆるプロセスを効率よく進めることができるようになっている。
質の高い無料のUIテンプレートや素材が無数に存在する中で、表層のグラフィックが作れるだけでは半人前。 UIデザインは意図したデザインが機能するように、ビジネスとエンジニアリングの間を行き来しながらコミュニケーションをうまく行っていくことの方が重要だ。
現状、Adobe製品だけではプロセスに関わるツールを完全にカバーすることは難しい。ここに今後もSketchを使い続けるメリットが充分にある。
PhotoshopとSketchでIntegrationのトレンドを比較してみると、Photoshopは下降気味。SketchはちょうどUIデザインがより重要視されはじめた2012~2013年急激に普及して逆転しており、大きく期待される存在になっている。

ユーザーがプロダクトづくりに参加できる。

正直、Sketchは大嫌いだった。心地良くない文字詰め、謎に空きすぎる行間、独特の描画方法のペンツール…。
Adobe製品と比較して出来ないことだらけで、使い始めた頃は不便も多く「全く使えない」という印象だった。
しかし、Github上でData PopulatorやNote bookなどのSketchプラグインがどんどんオープンソースで公開されていくことで、不満を持っていた機能の欠点を補って余りあるぐらい便利になり、Sketchの未来を信じても良いかも、と思えるようになった。
バージョンアップやGithub上でのディスカッションも活発に行われており、ユーザーがユーザーのためにSketchの価値に大きく貢献し、プロダクトづくりに参加している。この流れは今後プラットフォームとして見た時にとても強力なものになる。
Facebookやtwitterが開発者に対してオープンすることで大きくネットワークを広げていったように、ユーザー自身がプロダクトをより良くしたいという想いと、Sketchのオープンな思想が交差することで使い勝手は加速度的に高まっていくのではないだろうか。
Sketchのウェブサイトのグローバルナビゲーションには「Community」というメニューが有り、コミュニティを大事にしているという姿勢が明確に見て取れる。


つまるところ、Sketchを選ぶことは、インターネットの集合知、オープンソースの力を信じることでもあるということだ。
私がこの文章を書いているMacのOSだってオープンソースのオペレーティングシステム「Darwin」をベースに作られていて、生活のありとあらゆるところでオープンソースの恩恵を受けている。
かつて百科事典が、オープンソースのWikipediaに置き換えられることで、人々がアクセスできる知識の幅が広がったように。
一つの組織から餌を与えられるように機能が追加されていくのを待ってるのではなく、荒削りなものを自分たちで一緒により良くしていくほうが創造的だし、きっと楽しい。

デザインの道具を選ぶということは、何を信じ、どんな哲学をもってデザインしていくかということと同義なのである。

Popular posts from this blog

細かすぎて伝わりづらい!
iOS 5のデザイン変更点まとめ。

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので 前回のLion と同じようにまとめてみました。  細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。  1.アイコンバッジ  iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。 2.ボックスデザイン 設定画面などのボックスデザインが、iOS 4ではフラットなラインに対して、iOS 5ではシャドウとハイライトが追加されて立体的なデザインになっています。  iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。  3.メッセージのハイライト これは賛否両論ありそうですが、iOS 4ではメッセージの文字がプレーンなテキストだったのに対して、iOS 5ではハイライトが追加されてこれまた立体的なデザインになっています。 他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。  5.回転ロックボタンの厚み iOS 4では回転ロックボタンのシャドウ距離が3pxだったのに対して、iOS 5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。 反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという 機能アイコン と、ミュージックを起動するという 起動アイコン の違いを表しているのではないかと

icloudのアイコンに隠れた美しさの法則。

Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めているだけでは美しさの理由に迫れないので、もう少し目を凝らして見てみましょう。 勘の良い方は既にお気づきだったかと思いますが、形の中に4つの円が隠れていることに気がつきます。一見、何となく描いたように見えるカーブでも正円で構成することでバランスのとれた形になっていることが分かります。 つまり、 「アイコンの美しさは幾何学で構成することにあり」 ということが分かるわけですが、単純にランダムな円を配置していくだけでバランスのとれたデザインに仕上げることができるか、と考えるとあらゆる可能性が頭をもたげ、少し疑問に思えてきてしまいます。 そこで、さらなる理由を追い求めて、今度は円の直径を測ってみました。 すると… なんとまあ、それぞれ左右の円の比率が1:1.6と、見事に黄金比に近い比率になっているではありませんか。 さらにさらに、雲の形の比率も調べてみると…。 まさに、「One more thing」。 幾何学だけでなく、黄金比のような原理的な法則を駆使しながら、美しさを無意識に訴えかけるスキのないデザインに仕上がっていますね。 まとめてみると… ・曲線を幾何学で構成(補正)することでバランスのとれた形になる ・細部のランダムな大きさの中にも一定の法則を適用することで、全体的にバランスのとれたデザインになる シンプルなのに奥深い。

細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。

iPhone5やiOS 6のリリースなど、アップルユーザーにとって目が離せない日が続いていますね。 iOS 6に関しては地図アプリが散々なもので正直ガッカリですが、UIは全体的に使いやすくなって、じっくり観察してみると細かすぎる変更点も健在でした。 大きな変更点に隠れた細かすぎる変更点たち、その涙ぐましささえ感じる進化をどうぞ! ■設定アイコン iOS 5では歯車の形が尖っていましたが、iOS 6では角が丸くなってソフトなイメージになっています。 OSXの設定アイコンと同じになったので Back to the mac の方針がアイコンでも徹底されているようですね。 ■時計アイコン 設定アイコンと同じ様に、iOS 5では時計針のシャープな印象でしたが、6では太さが一定になり、角張った印象になっています。 Apple製品がブラウン製品とよく似ている という事から考えると、 ブラウン社のアラームクロック に、よりデザインが似てきていますね。 ■ヘッダー iOS 5では光沢感のある質感になっていましたが、iOS 6ではそれがなくなってマットな質感になり、さらにシャドウが追加されています。 iPhone 5の背面もマット加工がされていることから、ハードとソフト両方の質感を統一してきているということが分かります。 ■アクションシートのボタン ヘッダーと同じ様に、光沢のあったものが、iOS6では光沢感がなくなりマットな質感になっています。 個人的には光沢のある感じも好きでしたが、新しいボタンもグラデーションの感じが綺麗で良い感じですね。 ■カメラアイコン やや角張った印象のアイコンでしたが、iOS 6 ではより丸っこくなってかわいらしい感じのアイコンになっいます。より親しみやすさを重視して来ているということでしょうか。 ■キーボードの角 iOS 5ではキーボード下部に角丸の処理が加えられていましたが、iOS6ではそれが無くなって直角になっています。 ジョブズ氏の伝記で、アップル製品で角丸が多いのはジョブズ氏が角丸にこだわっていたから、というエピソードがありましたが、もうその必要性が無くなった、ということでしょうか。 ■メッセージアプリ iOS 4からiOS 5に変わった際に追加