パワポ資料をぐっと魅力的にしてくれる「アイコン」を無料でゲットしよう！ - グローバル経営の極北
最近資料デザインを「現代的」にしたいなと思っていて、フラットデザインのテンプレートを購入して研究したりしてます。そこで重要となるのが「アイコン」で、うまく使うだけで資料がぐっと見やすくなります。いろいろとググってみると良いものがたくさんあるので、今回はそれをご紹介。 まずはこちら。 Googleが提供していてそのサービスでよく使われているMaterial Icon 942種類をパワポですぐ使えるようにコンバートしてくれています。たくさんのカテゴリーごとに網羅的にアイコンが揃っているのですごく使えそうです。さっそくダウンロードしました。 また、同じ方がFont Awesomeのアイコン369種類を同様にパワポ向けにコンバートしてくれています。 親しみやすいデザインが多いので、さまざまなタイプのパワポ資料に活用できそうです。いいですね。 次はこちら。 これは海外のデザインスタジオが作成している
デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
簡単！アニメーションgifの作り方 | デジマースブログ
こんにちは！今回のテーマは「簡単！アニメーション GIF の作り方」です。 アニメーション GIF (以下 アニメ GIF )の作り方がかわからない、上手く動かせない…とお悩みの方向けの簡単な内容になっています。 作業環境は下記の通り、Adobeのソフトを使用して作成します。 —————————- ■ Illustrator CC 2019 ■ Photoshop CC 2019 —————————- それでは早速作ってみましょう！ 01.何を作るか決める 何を作るか決めましょう。 「どんなモノを作るか」だけでなく、「どんな動きをさせるか」までイメージすると作りやすいです。 例えば「ボールを作って」「上下に跳ねる動きを付けよう」とイメージすることが大事です。 私は「犬を作って」「嬉しそうにしっぽを振る動き」のアニメGIFを作りたいと思います。 02.アニメーション用の素材を作る アニメーシ
バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。
たのしい文字組み ―字間と行間― | デジマース ブログ
こんにちは！ 卒業シーズンですね！帰宅中に袴姿の若い女の子を見かけると、フレッシュだなぁとしみじみしてしまいます。 学生を卒業したよ～と言う方は、4月からの新生活に備えて春休みを思いっきり楽しんで下さいね！ さて、今回のテーマですが「文字組み」についてです！ これから新入社員やデザイナーになる方は、パワポで資料をまとめたり、文字を使った制作物を作る機会は必ずあると思います。 大切な資料やお仕事なので、読みやすくて綺麗な物を作りたいですよね？そんな時に役立つ、綺麗で読みやすい文字組みについてまとめてみました。 ちょっと気をつけるだけで簡単に出来る基礎的な内容になっていますので、文字が読みづらいな…と悩んでしまった時の参考にしてみてください。 文字を「組む」とは？ 「組む」とは、簡単に言うと文字を並べることです。「組版」と言ったりもします。 雑誌や新聞の文章だったり、お菓子などのパッケージに書
事業会社とデザイン会社で、身につく「スキル」と「キャリア」の歩み方に違いはあるか？ 〜 Service Design Night vol.4 〜 - TECH PLAY Magazine
TOP マガジン イベント 事業会社とデザイン会社で、身につく「スキル」と「キャリア」の歩み方に違いはあるか？ 〜 Service Design Night vol.4 〜 事業会社とデザイン会社で、身につく「スキル」と「キャリア」の歩み方に違いはあるか？ 〜 Service Design Night vol.4 〜 2017年2月28日(火)に「Service Design Night vol.4 〜 事業会社とデザイン会社 デザイナーぶっちゃけトーク 〜」が開催されました。 昨今では、デザイナーが果たす役割はデザイン制作だけでなく、機能やUIの意思決定プロセスやチームビルディング、仕様設計も含め幅広くなっています。Service Design Nightは、事業開発やプロダクト開発に関わる方向けに、スキルやノウハウの共有、参加者同士の繋がりを広げることを目指してスタートしました。主催し
割れ窓理論を導入してWebサービスのクオリティに直結した話 - pixiv inside [archive]
ピクシブ株式会社 Advent Calendar 2016 @8日目の記事です。 こんにちは、エンジニアのdo7beです。pixivFANBOXの開発などに携わっています。 さて、今回は新規開発プロジェクトに「割れ窓理論」を導入してサービスのクオリティ向上に繋がった話をご紹介したいと思います。 割れ窓理論とは 「割れ窓理論」とは、アメリカの犯罪学者ジョージ・ケリング氏が提唱した「建物の窓ガラスが割れたまま放置されると住民もゴミを捨てるようになり、治安が悪化し、より重大な犯罪が発生してしまう」という理論です。 つまり軽犯罪を取り締まることこそが、重大な犯罪を防ぐために重要であることを指しています。 私たちのチームではこれをWebサービスの新規開発プロジェクトに取り入れています。 WEBサービスにおける割れ窓は「軽度のデザイン崩れ」や「表記ゆれ」に、重大な犯罪は「バグ」や「全体のクオリティ低下
![割れ窓理論を導入してWebサービスのクオリティに直結した話 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a00de9ce0520f085a20aefec43b00295df450362/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdevpixiv%2F20161208%2F20161208130750.jpg)
アプリに必要なアイコンサイズ-iOS編- | デジマースブログ
こんにちは！ 今回のテーマは、「アプリに必要なアイコンサイズ-iOS編-」です。 ここで言うアイコンとは、iPhoneのホーム画面などで表示される角丸の付いた四角いアイコンのことです。 表示される場所は4ヵ所あります。上記の「アプリアイコン(App)」と、「スポットライト(Spotlight)」「設定(Settings)」「通知(Notification)」です。 「スポットライト」は、ホーム画面を左スワイプした時などに出てくる、検索画面の候補や結果として表示されます。「設定」は、設定アプリ内のリスト左側に表示されます。 初めてアプリを作る方は、サイズはいくつ？何個作ればいいの？そもそも1サイズじゃ駄目なの？と疑問が沢山かと思います。 そんな時の為に、iOSアプリに必要なアイコンのサイズをまとめました。 留意事項として、アイコンのサイズは、OSのバージョンアップのタイミングで変化する場合が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「お菓子なもじ」Photoshopで簡単作成！ | デジマースブログ
新米デザイナーが作る！バナーの作り方 | デジマースブログ
UX(ユーザー・エクスペリエンス)を解釈してスケジューリングしてみる | デジマース ブログ
PhotoShopチュートリアル テキストエフェクト-氷編- | デジマースブログ
アイコンデザイン ―おまけ編― | デジマースブログ
手描きスタンプ～byフォトデコレ～ | デジマース ブログ
今さら聞けない? 有機ELや4KやHDRって何？ | デジマース ブログ
検索について | デジマースブログ
アイコンデザイン ―基礎編― | デジマースブログ
知らないと会話がストップ！？コントロール系部品の名前（２） | デジマース ブログ
マテリアルデザイン～アニメーションpart2～ | デジマースブログ
マテリアルデザイン～アニメーション～ | デジマースブログ