デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
更新日: 2017年9月26日公開日: 2015年6月9日背景からモンスターまで!?アプリ開発で使えるフリー素材サイト15選 アプリ開発を進めようと思うと、アプリに表示するアイコンや登場するキャラクター、ボタンなどデザイン素材の活用が欠かせません。自身で一から制作することも一つの勉強にはなりますが、アプリ開発とグラフィックデザイン両方を同時に進めようと思うと体力と時間が必要になってきます。 そんな時役立つ方法のひとつに「フリー素材」の活用があります。画像から音響まで幅広い材料が、数多くのクリエイターによって無償公開されています。こんな利用価値ある素材を使わない手はないですよね。 アプリ開発に超絶役立つフリー素材サイト15選アイコン系① - Icons 8 Icons 8 10,000以上のアイコンに、好きなカラーをつけて利用できる Icons 8。アプリ開発において有力なアイコン・ツールに
Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。 見える人には透明に見える「白とグレーの市松模様」 (左)Photoshop共同開発者のトーマス・ノール氏、(右)筆者 実はこの表現は、バイオロジーの分野(生物学など)から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性(Webではクリックですが紙では触るなど)の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も!ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね?」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly:Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン
IDEO(アイディオ)とは? アメリカ・シリコンバレーに本社を置くデザイン・コンサルティング企業。世界9拠点約500名が働くグローバルな組織です。 製品、サービス、環境、デジタルエクスペリエンスなど幅広い分野でデザインを手がけており、代表的なクライアントにApple 、Procter & Gamble(P&G)、ペプシ、マイクロソフト、Eli Lilliyなどがあります。 ティム・ブラウン:創造性と遊び | Talk Video | TED.com デザイン思考の実用性デザインと聞くと洗練された製品やビジュアライズされた広告などをイメージされる方も多いと思います。 今回注目するデザイン思考では問題解決のアプローチ手法としてデザインの考え方をご紹介しています。 デザイン思考を活用する実用例として、組織内での事業課題や製品開発における問題解決にお悩みのマネージャー職の方々やイノベーティブな新規
【2014|2013|2012|2011|2010|2009】 良いコミックが年1回お送りする時間泥棒企画、『この装丁がすごい!~漫画装丁大賞~2014』の発表です。 想定所要時間は2秒~15分くらい。いつも通りにいつも通りな内容となっておりますが、今回はデザイン事務所やデザイナーさんのサイトや担当作品を並べた本棚など、公式情報が掲載されたページのリンクを付けてみたので、特定のデザイナーさんが気になった方にご活用いただけるかもしれません。紹介数ベスト100+α、どうぞご覧ください。 ●画像をクリックするとamazonに飛びます。 作品の内容の方が気になった方はそちらをご参照ください。 ●画像下に▲マークが付いている作品は、 画像の上にポインタを乗せると別画像に切り替わります。 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 【第1位】 デッドデ
友人のデザイナーがアプリのデザインをタダでやってくれることになったとします。あなたはさぞかし「持つべき友よ」と自己満足に浸ることと思います。でも、その瞬間に糞アプリが決定します。 20本に19本が糞アプリというのと同じように20回のうち19回のデザインが糞デザインだったりします。この状況は実は簡単に打開できます。20回リテイクを繰り返せばいいだけです。 カードゲームバトルをやっているディレクターも同じことを言ってました。カードのデザインでは、20回のリテイクなんて当たりまえだそうです。 また製造メーカーの開発者も「自社デザイナーで使える奴がいないんだよな」とぼやいておりました。つまり、どの分野であれ自称デザイナーのほとんどが屑同然ということでもあります。 さすがに友達に20回も出し直しさせたら人間関係にヒビが入りますよね。でも、あなたの命を注ぎ込んだ制作活動を邪魔する者は排除すべきなのです
These slides include many inappropriate graphs. If you want to tell the summary of the data correctly, you should avoid to use graphs in this presentation. They can mislead those who view them. In English, the title of presentaion is "24 slides including graphs that should not be absolutely drawn".Read less
2023年2月17日 Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神サイト20コリスWebクリエイターボックスコムテブログかちびと.netバンクーバーのうぇぶ屋ホームページを作る人のネタ帳creive【クリーブ】BlackFlagDesignDevelopArchAteitexe アテークゼウェビメモWebparkNxWorldデザイナーのイラストノート株式会社LIGMdN Design InteractiveドットインストールProgateschooコリス コリス サイト制作に関する最新の情報をご紹介 サイト構築、WordPressのTipsを得られます。ただし、Webデザイナー1年制が、今からの更新情報を受
『ヤマノススメ セカンドシーズン』が無事に最終話を迎えた。 尺はなんと一期の三倍*1、山に登ったり挫折したり喧嘩したり仲直りしたり新しい友達ができたりと充実したシナリオに、精緻なレイアウトや一人原画回など作画的な見どころも満載で、昨年の中でも*2特に印象深い作品だ。 今回はその中でもキャラクターの生活感・存在感を存分に演出している小道具と背景美術に注目したい。 #12 「Dear My Friend」 この回は全体的に導線の丁寧な構成でシリーズ中でも特に良い感じに出来上がっているが、小道具の使い方が抜群に良い。 あおいの富士山での挫折を象徴する金剛杖が、お母さんによって鉢植えの朝顔の支柱にされているというこの趣深さ。富士山の御来光を見られなかったあおいの挫折の象徴が、朝に花を開く花と一緒になっているというのも印象深い。 あおいは山頂へ行くことは出来なかったけれど、朝顔は空へ向かって伸びてい
高速道路のSAやPAのトイレ。団体の休憩時には女性トイレに長蛇の列ができる。「男性用も使わせて欲しい」と願う女性も少なくないだろう。 台湾台中市に本部を置く東海大学の学生がデザインしたトイレ“Gentolet”なら、そんな悩みを解消してくれるかもしれない。 2つの扉で男女共用トイレにChen Shih-Sheng氏とLai Iu-Ru氏のアイデアは、女性用に比べて使用頻度の低い男性用個室を男女共用にするもの。個室に2つの扉を設け、ドアを開くと別のドアをロック。利用者が個室を離れると自動的にドアが閉まり、ロックが解除される仕組みとなってる。 両方のドアが同時に開かれた場合のロックが気になるが、男性トイレを有効活用できる良案ではないだろうか。 トイレの省スペース化便器を個室の斜めに配置することで室内面積を縮小しつつ、ある程度の空間を確保。男女トイレの境界に同個室を設置することで壁の代わりとなり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く