search#resize" data-search-filters-value="" data-search-show-recommendations-value="true" data-search-recommendations-heading-value="Popular Searches" data-search-show-inline-recommendations-value="false" data-search-index-name-value="prod_extensions" data-search-show-headings-value="false" data-search-limit-results-value="5" data-search-dropdown-position-value="absolute" data-search-keep-results-
こんにちは、デザイナーの本田です。こちらは Enigmo Advent Calendar 2020 の2日目の記事です。 今年でエニグモへ入社して3年目。昨年末からUXデザイングループへ異動し、BUYMAのアプリケーション UIデザインがメインになったので、考えることややることが大きく変わった1年だったと感じています。 業務の幅も広がって何を書こうか迷うのですが、今年を振り返ると今までで1番デザインツールと向き合っていたし、学んだことも多かったので デザインツールをXd→Figmaへした話 プロトタイプ作るようになった話 の2つについて書こうと思います。 1. デザインツールをXd→Figmaへした話 デザインデータ引き継ぎの関係上、Adobe Xdをメインで使っていたのですが、今年の7月頃からFigmaへ移行しました。 Xdも使いやすいですし、何よりAdobe Creative Clou
As the design tool arms race continues, the differences between the two most popular around are becoming smaller. Despite this, in 2020, there are still enormous differences in the features between Figma and Sketch. Let’s evaluate some of the major pros and cons of each from my experience with both over the years. Note: I use and I am covering both of these tools because I have experience with the
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
ついにSketch上でPrototypeの作成が可能に…！待ってました、Craftバージョンアップデート！！ 今日は最新のSketch44のことを書こうと思ったんですがね…出てしまいましたね… CraftのPrototype機能が！！！ 昨年の3月にInVisionに買収されたSilver Flows。 今は「Craft」という名前でアップデートを続けています。 最初のコンセプトムービーではプロトタイプを作成する様子が流れていたため、いつ出るかいつ出るか…と、首を長くして待っていたわけですが… ついに今日のアップデートで、Prototype機能が正式リリースされました！！！ 参考記事 「InVisionにSilver Flowsがジョイン。彼らが描く未来とは？」 早速使ってみた インストールしたらCraftプラグイン内にカミナリマークが表示されました。クリックするとプロトタイプ機能が有効に
登場から1周年を迎えたUIデザイン＆プロトタイピングツール「Adobe XD（Experience Designer）」の進化が止まらない。2016年3月のMac向けプレビュー版リリース以降、毎月アップデート版がリリースされ、2016年11月にはベータ版へ移行。12月にはUIデザインツールとしてはめずらしい、Windows 10向けのベータ版もリリースされた。この間、日本語UIへの対応はもちろんのこと、レイヤーやシンボルといった機能を次々と追加し、Sketchなどの競合ツールを急速にキャッチアップしている。 ハンドオフやレスポンシブ対応など待望の新機能も開発中 UIデザインやプロトタイピングツールはいま、戦国時代を迎えている。オランダ発のUIデザインツールSketchを中心に、InVisionやFlinto、Prott、Framerといったプロトタイピングツールも広く使われている。Face
Craftについて プロトタイプで有名なInVisionから出ている、 ダミーデータを挿入して作業を自動化できるSketch3とPhotoshopの無料プラグインです。 公式サイト http://labs.invisionapp.com/craft ライセンス https://labs.invisionapp.com/craft-license InVision https://www.invisionapp.com サポート環境 OS X version 10.10 〜 windows 古いバージョンは動くものがあるみたいですが、今後はOSXへ注力するそうです。(こちらの「Is Windows still supported by Craft?」より) Photoshop CC 2014.1 〜 Sketch 3.4 〜 本記事での確認環境 Craft version 1.2.1 OS
初めまして。サイバーエージェントのメディア部門でディレクションをしていますshono（@BowyerApp）です。ついこの前まではAndroidアプリのエンジニアをしていました。 先日、弊社デザイナーの井上さんにエンジニア向けのSketch勉強会を開いて頂きましたのでその内容をレポートします。 目次 背景 Sketch（スケッチ）のインターフェース説明 デザイナーはインサートを開かない Sketch（スケッチ）で実際にUIを作ってみる Sketch（スケッチ）のTips 画像の書き出し シンボルを作る シンボルのネーミングを工夫すると更に便利に マージンのシンボル化 まとめ 勉強会の資料 背景 エンジニアとの共通言語を持つことで、「最終的なプロダクトの品質を上げること」 これをきっかけに各々が自分に必要な領域へと技術の幅を広げていくこと Technical Creatorとは？ ー 求めら
エコシステムかプラットフォームか たまに「Adobe XD と Sketch はどちらが良いですか？」という質問をいただくことがあります。Sketch 関連のコンテンツ を発信しているので、『Sketch 派』と思っている方もいるかもしれませんが、個人的に勝ち負けをつけるような比較はできないと考えています。いずれも UI デザインが得意なアプリケーションと分類できますが、コンセプトも違えば向かっている方向も違います。機能が多い方を選んだら良いというほど単純な話ではないわけです。 私のなかで、Adobe XD はエコシステムで、Sketch はプラットフォームと捉えています。 Adobe は製品同士の連携が最大の強みなので、XD もその特徴を最大限に活かしたアプリケーションへ成長するはずです。つまり Adobe のエコシステムにどっぷり浸かれば、それだけ恩恵を受けることができます。一方 Sk
Sketchが装いも新たにバージョン41に上がりました。 今回のアップデートの目玉は何と言っても『Nested Overrides』ではないでしょうか。 説明文には Symbol instances can now override their nested Symbols to any other Symbol with the same size. と書かれています。これ、どんな機能かと言うと『シンボルのOverrides』なんですね。 Overridesについて軽くおさらいをすると、Sketchのシンボルには『インスタンスに対してラベルや画像を（親の情報を維持したまま）別の内容に上書きすることができる』機能がついているんですね。それがOverridesです。 こういったシンボルを作って インスタンスを複製して配置した後に、こんな感じにそれぞれのテキストや画像を変えられるのです。 ちな
Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを取ってみました。 アンケートの実施期間は2016年6月〜7月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100件前後で、普通に考えれば私のフォロワーの方が多いと思われます。 （ご回答いただき、ありがとうございます。） 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 フォロワーの方の興味関心としては、モバイル、テクノロジー、Webデザイン、コンピュータープログラミングなどとなっています。 性別（推定）は 73% が男性、27% が女性となっています。 Sass などのCSS拡
Sketchがレスポンシブデザインに対応した神アップデート！Smart Symbol Resizingをリリース 昨日アップデートされたSketchのバージョン39からSmart Symbol Resizingという機能が追加されました。 これがとんでもなく便利な機能だったので紹介します。 Smart Symbol Resizingとは？ 今までシンボルをリサイズしようとするとこんな感じでシンボルの中身まで変形してしまうので、デバイスのサイズが複数になったときにシンボルの再利用ができないという問題がありました。 それを解決してくれるのがこの「Smart Symbol Resizing」です。 ・Stretch ・Pin to corner ・Resize ・Float in place と４つの設定があり、可変してもいい部分と可変にともなって相対的に位置を移動する部分とを分けてシンボルを作
初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま
最新版のSketchプラグインは、こちらからダウンロードしてください。 こんにちは、いつもProttをお使いいただき誠にありがとうございます！この度ProttにSketch連携機能が追加されましたのでおしらせします。 Sketchとは？ Sketchは最近話題のWebとモバイルUIデザインに特化しているデザインツールです。Prottを開発するグッドパッチではデザイナーは全員Sketchを使用しています。 先日、Prott Androidデザイナーが受けた、Sketch 3を使う3つの理由と10の魅力というインタビューも公開されたので是非ご覧ください。 Sketch連携するとできること Sketchと連携することで、Sketchでデザインしたものをクリックひとつで自動的に同期することができるようになりました。スクリーンのデザイン変更もスムーズに反映が可能となりました。 まずはプラグインをイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く