ぶろスマートフォン用の表示で見るよりぶろアプリのUIとかについて書いてく予定この広告は、90日以上更新していないブログに表示しています。Parfaitがいい感じUIAdobeがデザイナーとエンジニアのコミュニケーションを円滑にしてくれるサービスのβ版をローンチしていました。Webプロジェクト名はParfait(パフェ)。PSDをアップロードすると、各オブジェクトの情報を表示してくれたりするので、デザイナーが作ったPSDをエンジニアがParfaitにアップロードするだけでフォントサイズやマージンの確認ができます。これはもう、レイアウト指示書がいらなくなりますな。IDが必要となります。ログイン後、PSDをアップロードすれば即Parfaitでプレビューが可能です。レイヤーグループや非表示にしているレイヤーなんかもちゃんと保持されています。レイヤー効果は無くなっちゃってます。右カラムのStylesでは、選択したオブジェクトの情報が表示されたり、あるいは逆にスタイルからオブジェクトを探せたりもできます。CCで作ったからか、border-radiusもちゃんと取得されています。フォントカラーを指定して、どのフォントに使われているかを検索。フォントサイズや書体名が書かれているのを見ると、なんだかこれだけでスタイルガイドができたような気持ちになりますね。上図では色がHexになっていますが、デフォルトはRGBです。フォントサイズを指定。オブジェクトを2つ選択すれば、マージンを表示してくれます。こいつぁ便利だ!レイヤー効果をつけていれば、その分のサイズやマージンもちゃんと取得してくれます。これがなかったらちょっと使いやすさ度が減るかなと思っていたのですが、ひと安心。指示書はいらないんじゃね?予想以上に良いサービスで軽く興奮してます。EXPRESSである程度自動化していましたが、これなら素のPSDをエンジニアに渡すだけでスムーズに実装に移れます。@boundsもちゃんと作っていれば、状況に応じて表示して実装上のマージンもちゃんと確認できます。言え、エンジニア側が逐一確認する必要があったり、書類化できないという意味では別の負担が出てしまいますので、そのあたりはお互いのスタンス次第ですかね。個人的には、フォントサイズとか色の情報を別個で洗い出してくれるので、自分のデザインにミスがないかどうか客観的に確認することにも使えるな、と感じました。あとは、セキュリティ的に問題なければ、業務利用にもすぐ使えそうですね。いうか使いたい笑CCのストレージ上にアップロードするので、その辺は問題なくクリアーしているのかなとは思いますが。Parfaitがいい感じTweet広告を非表示にする関連記事2016-11-09Sketchのバージョン41で追加された『シンボルのOverrides』を使ってUIデザインの状態管...Sketchが装いも新たにバージョン41に上がりました。Macの使い方シリーズになります。Macの使い方シリーズになります。Macの使い方シリーズになります。バージョン47で待望のLibraries機能が追加!されるので試してみたできるのは通話だけ。(1)はてなブログをはじめよう!ryo_panさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。