UIデザイナー必見！ アプリの導入画面で使われる主な４つの手法
ユーザーがそのアプリの中で一番最初にふれる画面は、アイコンと同じくアプリの「第一印象」になると考えても間違いないくらい、大切な部分です。 だからこそ導入画面は、ユーザーの気持ちになって、ユーザーのことを考え、しっかりと設計しなければなりません。 今回はそんなアプリの導入画面によく使われる、４つの手法をご紹介します。 スプラッシュ まずはおそらく最も多くのアプリが採用しているスプラッシュという手法です。 ホームからアプリのアイコンをタップしたときに出る画面で、データローディングの時間稼ぎ、またはそのアプリをブランドとしてユーザーに認知させる目的で使われます。 たとえばツイッター公式クライアント。 アプリを起動したときの、この画面ですね。 みなさんご存知かと思いますが、ツイッターは少し特殊なスプラッシュで、 こんな風にどんどん鳥がせまってきて背景にコンテンツがあるという、面白いスプラッシュを導
5分でできる！写真を漫画背景風に加工するチュートリアル：Photoshop | 小樽総合デザイン事務局｜ホームページ制作・デザイン・LINEスタンプ制作
このページでは広告を使用しています。
いろいろな制作シーンに使えるIllustratorのベクターチュートリアル「20 Vector Tutorials and Free Vector Resources」
いろいろな制作シーンに使えるIllustratorのベクターチュートリアル「20 Vector Tutorials and Free Vector Resources」 忙しいデザイナーにとって、新しい技術習得する時間をなかなか確保できないという方も多いはず。今回はそんな方に向けて、いくつかの実践的なチュートリアルをまとめた「20 Vector Tutorials and Free Vector Resources」を紹介したいと思います。 20 Vector Tutorials and Free Vector Resources – DJDESIGNERLAB 基本的なものから応用的もので、幅広いチュートリアルがまとめられています。中でも気になったものをピックアップしましたので、以下よりご覧ください。 詳しくは以下 ■How to Create Hand-Painted Sign in
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
Photoshopでデザインスタジオのヘッダーを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでデザインスタジオのヘッダーを作る方法 Photoshopでデザインスタジオのヘッダーを作る方法 投稿日：2009年03月17日 レベル：中級者 ソフトウェア： このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。 Step1 ： はじめに Step2 ： 選択範囲を作って下部にバーを作成する Step3 ： リンク用のテキストを作成する Step4 ： 選択範囲を作って上部のバーを作成する Step5 ： 完成
凄くクオリティの高いプロレベルのIllustratorの3Dチュートリアル集40:phpspot開発日誌
40 Useful Adobe Illustrator 3D Tutorials and Techniques 凄くクオリティの高いプロレベルのIllustratorの3Dチュートリアル集40。 まさにプロレベルな次のような画像を作れるチュートリアルが公開されています。 Create an Open Book with Illustrator’s 3D Extrude & Bevel Tool Use the power of Illustrator to create cool 3D infographics infographic Create a Can of Beans by Mapping Vectors to a 3D Object Design Gift Boxes Using Illustrator’s 3D Tools Fun with AI’s 3D tool 全部見る
Photoshopでビジネス向けウェブサイトのコラージュ画像を作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでビジネス向けウェブサイトのコラージュ画像を作る方法 Photoshopでビジネス向けウェブサイトのコラージュ画像を作る方法 投稿日：2009年01月06日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでビジネス向けウェブサイトのコラージュ画像を作ってみたいと思います。 Step1 ： はじめに Step2 ： ぼかしフィルタを使い色を調整する Step3 ： 会議の写真と背景を調和させる Step4 ： 斜めの格子を作りタイトルを入力する Step5 ： 完成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page not found | abdz.do
ぼかしを使って、ひと味違ったグラデーションを作るPhotoshopのチュートリアル