マナギャリー | デザイン研究所デザインソフトの入門講座 永久保存可能なレッスン動画＋1ヶ月の質問可能期間。初心者でも分かりやすく楽しく学べる入門講座を本気で作りました。本よりも実践的に、無料の情報よりも体系的に。講座を終えるころには見える景色が全く変わってると思います。
エンジニア向けの余白の基礎 / Spacing
Webサイト、アプリ、資料などの品質を上げたいと思っているかたに向けた、余白（スペーシング）の基礎についての資料です。 関連記事：8の倍数ルールでデザインする理由とメリット・デメリット https://yuyakinoshita.com/blog/2019/02/10/design-by-multiple-of-8/ 以下、2020年8月24日に追記しました。 この資料を見ていただいた方、コメントをくださった方、ありがとうございます。「目がチカチカする」、「なぜ正方形の余白だと整った印象になるのか？」などのアドバイスや質問をいただけました。いただいたアドバイスを元に以下の点をアップデートしました。 - 資料全体のコントラストを下げました。以前より目の負担が軽減されるように背景色を調整しました。 - 余白の大きさ指定に正方形を使う理由を追記しました。余白の大きさを指定する際に正方形の余白を使
新しいデザインの教科書
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / ｷﾘﾄﾘﾑｼ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
colors.lol - Overly descriptive color palettes
A fun way to discover interesting color combinations.
ブックエンド難民に広めたい『直角には81度足りない本立て』｜山下義弘／ドケットストアの人
本が好きだ。 もっと自分より本が好きな人はいくらでもいるだろうけど本が好きだ。 ジュンク堂で本をまとめ買いして電車に乗ってたら、赤の他人に「なんでそんなに本を買ったんですか？」って聞かれたり。 その程度には本をよく買う。 そして、必然的に本を机や本棚に並べることになる。 その時に使うものといえば『本立て』 ブックエンドなんて呼び名もある、皆さんご存知なL字型のあいつである。 ブックエンド。 こいつがないと本がドミノ倒しのように倒れていってしまうことがある。 倒れていった先には床が待っているだけ。 ピタゴラ装置的なワクワクなどかけらもない。 「あー・・・」 しばしの静寂の後、自分がページの折れた本を片付け直すという憂鬱な作業だけが待っているのだ。 確かに細い本だと自立することもできないし、左右からブックエンドで挟み込んであげる必要があったりもする。 ただ、個人的にこのブックエンドが苦手だ。
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
可変的なロゴデザイン、DI（ダイナミックアイデンティティ）とは？｜Blog｜Goodpatch グッドパッチ
こんにちは、デザイナーのNottyです。 みなさんは、DI（ダイナミックアイデンティティ）という言葉を聞いたことはありますか？ ロゴは普遍的で永く使われることを前提として、VI（ビジュアルアイデンティティ）などの静的イメージを創り上げるアプローチが主流でした。 今回は、それとは全く異なるアプローチとして注目を集め始めている、DIという概念、手法について実例を交えてご紹介します。 現在、プロダクトやサービスがデジタルにシフトしていっていることにより、めまぐるしく変化する世の中に対応できる有機的なVIを求められる場合があります。 それが流動的・可変的にブランドメッセージを発信するDIという概念です。従来は、ロゴマークは競合他社の違いや企業の理念や思いを示す静的（変わらない）なロゴマークが主流でしたが、動的なロゴや制約の中でコンテンツ・環境・時代に合わせて変化を求められる場合があります。
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ
知らないと損する！？色の相性についての考え方と組み合わせの方法 - MIKINOTE
色というのものは、組み合わせ次第で、さまざまな印象をあたえることが出来ます。そういう意味で、何かを作り出す際には非常に重要な要素の1つであると言えます。 ここ最近、僕が読者になっているいるブログのいくつかで、ブログのデザインや配色についての話が多いので、ちょいと書いてみることにしました。 色に対する感覚って、生まれ持ってのセンスだ！という話がけっこう多いです。けれども、「センスが良い配色」と言うのは、結局は色についての理論的なものを知っていないと、なかなか出来ないものだったりするんですよ。美術でもデザインでも、努力はセンスに勝ります。 特に、色と色の組み合わせってのは重要です。単体だと美しい色でも、別の色を組み合わせると途端に汚い色に見えちゃったり、逆に一見するとみすぼらしい色に見えても、別の色と組み合わせるとすごく美しい組み合わせに見えることもあります。 そして、色の相性や色に対するセン
divもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」
TOP > javascript , WebDesign > divもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」 IEのサポートも縮小され、少しづつではありますが、制作の現場もアニメーションやエフェクトに対して積極的になってきました。本日紹介するのはdivもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」です。 こちらは様々な要素に対して、回転のエフェクトを与えることが可能となっております。例えばON/OFFのトグルだったり、アップロードだったりダイアログだったり、div自身にも与えることができるため、ページ全体を切り替えるようにした使い方も可能です。 詳しくは以下 様々な要素に対して簡単にアニメーションを割り当てられ、さらにパラメータで挙動の制御もある程度可能になっています。 あまりにも頻繁に利用し過ぎ
「不思議のダンジョン」の絶妙なゲームバランスは、たった一枚のエクセルから生み出されている！？ スパイク・チュンソフト中村光一氏と長畑成一郎氏が語るゲームの「編集」
過去の名作ゲームの企画書を見せてもらい開発秘話を聞くシリーズ「ゲームの企画書」。連載3回目となる今回は、「不思議のダンジョン」シリーズを手がけてきた、スパイク・チュンソフトの中村光一会長とディレクターである長畑成一郎氏に話を聞いた。 「1000回遊べるRPG」という衝撃的なキャッチフレーズで登場した『トルネコの大冒険 不思議のダンジョン』から、20年の時が経った。 (C)Spike Chunsoft Co., Ltd.ALL Rights Reserved. パソコンゲームの名作『ローグ』のシステムを換骨奪胎し、親しみやすいキャラクターで『ドラクエ』ファンにアピールすることに成功した本シリーズは、現在も多くのファンを魅了し続けている。 そんな本シリーズのインタビューだが、スパイク・チュンソフトの中村光一会長にインタビューをお願いすると、「ぜひ本シリーズ開発者の長畑氏を同席させてほしい」との
天才か！卒業制作「書き時計」に驚嘆の声 時計に時間を書かせる発想
たった16秒の動画 作者に聞きました ネットでの反響について 山形市にある芸術系大学の学生が作った「書き時計」が、ネット上で話題になっています。木製のパーツを400個以上組み合わせて作ったもので、からくり時計のように1分ごとに「時計に時間を書かせる」仕組みです。7日に動画付きでツイッターに投稿されると、半日ほどでリツイートと「いいね」が10万を超えました。できるまでに、どんな苦労があったのか？ 作者に聞きました。 たった16秒の動画 ツイッターに投稿された16秒の動画。時計の中央には、マグネット式のお絵かきボードとみられるパーツがあり、「06：19」と書かれています。 はじめのうちは下の木製パーツだけが動いていますが、他が一斉に動き始めるとボードが傾いて数字が消え、その上に「06：20」と新しい数字が書き込まれます。 俺の卒業制作 書き時計 pic.twitter.com/NSBi45Lj
Appleも唸るクオリティ！「Enlight」に学ぶUXの工夫 - MdN Design Interactive
Amebaクリエイティブディレクターが語る スマホアプリのデザイントレンド 2016年1月28日 TEXT：山幡 大祐（株式会社サイバーエージェント） 日々進化するデバイスやユーザーに合わせ、スマホアプリのデザイントレンドの移り変わりは非常に早い。本コラムでは、アップデートによって進化を遂げたサービスUIや新機能、新サービスなどにフォーカスし、より良いユーザー体験を提供するうえでの工夫についてサービスごとに考察する。今回は、AppStoreのBest of 2015に選ばれた、写真加工アプリ「Enlight」を取り上げる。 このアプリは、写真加工を感覚的な操作で、本格的に楽しめるアプリである。一般的なトリミングやフィルタ処理はもちろん、画像の変形やマスク処理、トーンカーブによる色調整といった本格的な機能も揃えている優れものだ。そんな、多機能でクリエイティブなアプリに隠された工夫をひも解いて
闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Layout song / ならべうた
Website Unavailable
日本語フリーフォントの作者様に感謝！最近リリースされた日本語の無料フォントのまとめ
東京オリンピックのエンブレム公募方式をアメリカの業界団体が批判
