現役デザイナー直伝！最高のアニメーションを作成する7つの小技テクニックまとめ
アイデアをカタチにするツールはたくさんありますが、個人的に最高のアニメーションツールは引き続きAfter Effectsと言えるでしょう。ただし、利用できるプラグインが多すぎて、どれを使って良いのか迷ってしまうのが悩みどころ。 今回は、現役デザイナーがウェブサイトやアプリのアニメーション作成で実践しているプラグインやツールを、7つのシンプルな手順を追ってご紹介します。このガイドラインでは、デザイナーとデベロッパーが一緒にプロジェクトを進める効果的な方法をマスターできます。 No.1 SketchかFigmaでデザイン開始 レイヤーにきちんと名前を付けているか確認しましょう。After Effectsに取り込んでしまうと、レイヤーを見つけるのが難しくなってしまいます。 AEUXプラグインを利用することで、SketchまたはFigmaで作成したレイヤーをAfter Effectsにボタンひとつ
【爆速デザイン】Sketchでよく使うショートカットキーまとめ | Tarokenlog
「Sketchに色んなショートカットキーがあるらしいけど全然覚えてないなぁ… Sketchでもっと効率よく・素早くデザインしたい・・・」 こんな人に向けてSketchでよく使うショートカットキーをまとめました。 覚えると、作業スピードがモリッとあがります(´ω`) この記事の内容 Sketchの基本的なショートカットキー Sketchの意外と知らない便利なショートカットキー と画像とgifアニメーション付きで紹介していきます。 Sketchの基本的なショートカットキー 以下がよく知られている基本的なショートカットキーです。 新しいアートボード : a (art board) 四角形 : r (rectangle) 円 : o (oval) テキスト : t (text) ベクターポイント : v (vector) ズーム : z (zoom) ガイド : alt グループ : comman
Stark: The suite of integrated accessibility tools for your product design and development team
Designers, developers, product managers, and accessibility experts at 30,000+ companies use Stark’s suite of integrated accessibility tools in their daily product development cycle. Join them today! Continuous Accessibility for your entire teamGet real-time reports that help manage accessibility at scale without slowing down the velocity of your team. Stark gives your up-to-date insights into the
Sketch を使い倒す！デザイン作業が捗る「時短」プラグイン50個まとめ【2017年版】
デザインアプリ Sketch が、デザインの現場で人気となっています。公式の利用ユーザー数は発表されていませんが、多くのデザインチームがSketchを使っており、名前を聞いたことがある人も多いのではないでしょうか。 Sketch が他のデザインアプリと決定的に異なる点のひとつとして、活発に活動する開発者コミュニティと、これまでに作成された素晴らしいプラグインがあります。これらのSketchプラグインを使用すれば、豪華な3Dイラストやユニークなアニメーションなどを手軽に作成することができます。 今回は、ウェブデザイナーの制作時間を短縮できる「時短」Sketchプラグイン50個をまとめてご紹介します。カテゴリ別に分類されているので、自分にぴったりのプラグインを探してみてはいかがでしょう。 Sketchってこんなに便利！デザイナーが入れておきたい無料プラグイン12個まとめ UIデザインの作成ツー
色盲・色弱のシミュレーションやコントラストをチェックするSketchプラグイン「Stark」
昨日に引き続きプラグインの紹介です。今日紹介するのはコレ Stark The color-blind simulator and contrast checker for Sketch. Design with accessibility in mind. （Sketch用カラーブラインドシミュレーター＆コントラストチェッカー。アクセシビリティを考慮したデザイン） まずはインストール インストールはSketchpacksやSketch Toolboxで行いましょう。Starkで検索してインストール。 カラーブラインドシミュレーター Starkには8種類のカラーブラインドシミュレーターが用意されており、様々な症状の色盲・色弱の状態をシミュレーションすることができます。 まずは試しにこんなサンプルを用意してみました。 PluginsからStarkを選択し、Show Starkしてみます。こんな
UIデザイナーがSketchを使う理由と導入方法 – WPJ
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこれから使おうと考えている方を対象に、Sketchの概要と基本的な使い方、架空のアプリ画面を例にしたUIデザインの制作方法、エンジニアとのやりとりなどについて解説します。 Sketchとは何か？ はじめに、そもそもSketchとは何なのか、改めておさらいをしておきましょう。 Sketchを開発・販売しているのはオランダのBohemian Coding。しばらくアムステルダムを拠点にしていましたが、現
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
