今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
【Photoshopテクニック】簡単！レトロ加工のやり方 | SONICMOOV LAB
こんにちは。あんみです。 雑貨を見たり集めたりするのが趣味の1つだったりします＾＾ シンプルなレトロタッチのイラストが入った雑貨などが好みです！ 今回はそんなレトロな雰囲気のイラストがPhotoshopで簡単に描ける方法をご紹介します。 PhotoshopのバージョンはCS6です。 目次 イラストを描く Photoshop用テクスチャ制作 和紙を使ったテクスチャの作成 水彩を使ったテクスチャの作成 クラフトを使ったテクスチャの作成 おまけ：テクスチャを桜のイラストに活用 イラストを描く ●「模様」「しろくま_毛並」「しろくま_体」「背景」とレイヤー分けをし、しろくまの塗りのイラストを描きます。 ●「しろくま_体」を複製（レイヤー名「しろくま_体 コピー」） ●「しろくま_体 コピー」の上にレイヤーを作成（レイヤー名「しろくま_線画」） ●「しろくま_線画」を右クリック→「クリッピングマスク
見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
