web Magazine

本

web制作のあれこれ書かれた記事のまとめ

運営しているクリエイター: 丹羽大輔丨daisuke NIWA

#デザイナー

Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ

この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。ご了承ください。最新情報はドキュメントを参照してください。下記がドキュメントです。はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい！とおもったのですが，AfterEffectsのすべての機能を使えるわけではありませんでした・・・・・・アニメーションをデザイナー

キレイな画面をデザインできるようになるコンテンツをリリースしたよ✨ | Cocoda!

🎊新年はじまりましたね!🌅 Cocoda!でデザイナーしているYUICHIです😁 今回は、はじめてUIデザインを学ぶ人向けのコンテンツ「はじめてのUI」の第3弾「はじめてのUIグラフィック」を公開しました✨ 新しいコンテンツは『Cocoda!』からチェックしてみてください! はじめてのUIシリーズに関しての他のコンテンツに関しては以下から↓ ❏「はじめてのUIグラフィック」とは？アプリUIデザインをするために必要なデザインの基礎観点である、大きく以下2点・デザイン

【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ

Adobe XDの自動アニメーションが10月のアップデートで使えるようになったので、初めて自動アニメーションを使う方にわかりやすいようにGIF画像でトランジションを解説します。以下のような方に参考にしていただければ幸いです。・「自動アニメーションって何？」という方・自動アニメーションを短時間で理解したい方・どのようなトランジションが再現できるのか知りたい方 ※GIFで作成しており、色や動きが劣りますが、予めご了承ください。 ※設定部分の解説は一部省略しております

XD使い始めこそ知っておきたい！よく似た機能を使い分けよう

こんにちは、まちえり（@macheri_me）です。Adobe XD Advent Calendar 3日目に参加します！今回は私がXD初心者だった頃の失敗談から学ぶ「XDのデザイン制作で、はじめに気を付けるべきデータ構成」について書きます。知っておくことでXDデザイン制作のトラブル回避になります！こんな人にオススメの記事です・デザイナー問わずこれからAdobe XDに挑戦してみたい人・Adobe XDを使い始めてある程度作れるようになった人見た目は同じでもま

【デザイナーが教える】業務効率化のためのDreamWeaver　と　Photoshopの独自ショートカット設定～デザイナーがどんな独自ショートカット使っているか気になりませんか？～

デザイナー歴10年、様々なエディターを使ってきて、結局DreamWeaverに戻りました。昔のように重たさを感じず、DreamWeaverとPhotoshopを使って、Extractやプロパティウィンドウからの連携で効率アップが可能です。日々デザインとコーディングをしていて、「こんなショートカットほしいなぁ」というのを分かりやすいショートカットにしてみました。まずはDrewm Weaverの独自ショートカット作成方法キーボードショートカットの作成独自のショートカット

¥100