マガジンのカバー画像

webデザイン

5
運営しているクリエイター

記事一覧

本当は教えたくないUIデザイン学習の参考にしているInstagram(インスタグラム)アカウント

本当は教えたくないUIデザイン学習の参考にしているInstagram(インスタグラム)アカウント

良いUI/UXデザイナーになるには、他人が作ったデザインを見るのが大切だと、多くの国内外のデザイナーさんたちは言っています。

僕もそれに倣い、UI/UXデザインを学び始めて約2ヶ月ですけど、ほぼ毎日他人のUIデザインを見ています。

他人のデザインが見れるサイトで代表的なのは、以下の3点でしょうか。

■ Dribbble
■ Behance
■ Awwwards

これらのウェブサイトやアプリ

もっとみる
After Effects未経験者向け!Lottieで再生できるアプリUIアニメーションを作ろう

After Effects未経験者向け!Lottieで再生できるアプリUIアニメーションを作ろう

(※この記事は、2017年10月13日にMediumで公開した記事を加筆・転載したものです)

Airbnb社が開発したライブラリ、Lottieをご存じでしょうか?
Lottieとは、After Effectsで作ったアニメーションをコードで書き出し、そのままアプリ内に組み込めるライブラリです。

便利に思っても、After Effects未経験者にはアニメーション制作のハードルが高く感じるかもし

もっとみる
課金 UI まとめてみた

課金 UI まとめてみた

売上を伸ばしたい。
課金率を伸ばしたい。
でも、難しい!

コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。

Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。

まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見い

もっとみる
YouTubeのオープニングムービーをKeynoteでつくる方法

YouTubeのオープニングムービーをKeynoteでつくる方法

YouTube動画のオープニングムービーでチャンネルの雰囲気やトーンを伝えられるといいですよね。多くの動画編集ソフトにはタイトルムービーの素材が入っているので、文字を入れるだけで簡単にタイトルを作成できます。

しかし、イラストを使ったアニメーションなど、自ら用意した素材を思い通りに動かしたアニメーションをつくりたい場合は、動画編集ソフトよりもKeynoteやPowerPointを使った方が簡単に

もっとみる
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。

なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです)

デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡され

もっとみる