UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば「UIデザイン」のリストは作ってなかったなと思い至って本を探し始めました。手元の本を並べてみると該当する本はあまり多くなくて、関連する周辺の分野のものにも対象を広げることにしました。UIデザインと周辺分野との境界はハッキリと分かれるわけではないので、自分が作った他のブックリストとの重複があります。また、分野の明確な線引きはしていませんのでご了承ください。 UI（ユーザー・インタフェース）が関わる分野はかなり広いのですが、このリストでは主に、比較的新しい（と言ってもiPhone発表から10年以上経ちますが）「スマートフォン・アプリのUIデザイン」を念頭において選んでいます。パソコンのソフトウェアや情報システム、ウェブ（情報設計やウェブ・ユーザビリティーを含む）のインタフェース・デザインについては、すでに世の中に知見や

THE IDOLM@STER CINDERELLA GIRLS newgenerations / LOVE LAIKA / Rosenburg Engel / CANDY ISLAND / Decoration / Triad Primus / Project Krone ＊ LOGO

アイドルマスターのロゴや商品、広告等に使われているフォントを勝手に紹介しています。フォントは私が推測しているだけなので、合っている確証はありません。その点はご了承下さい。（自分の中ではほぼ間違いないと思って出してはいますが。）

今年（2014年）で見かけて気になったものやダウンロードしたデザインUIキットのまとめです。 そのままデザイン素材として使用するだけでなく、パーツやカラーの組み合わせ方を参考にしたり、どのようなレイヤースタイルで作られているかなど制作時のヒントに繋がる場合もあると思います。 紹介しているUIキットを使用する際は、ライセンス等は各自で再度確認してください。

菱・籠目・雪輪・矢絣・唐草・亀甲・紗綾形などの和柄をはじめ、季節の風物詩や伝統的なものなど、日本の伝統に基づいたさまざまな無料ベクター素材を紹介します。 Japan Vector 素敵な和柄のフリー素材を探している人は、下記ページのまとめも参考にどうぞ。 商用利用無料、日本の伝統的な色使いが美しい和柄のパターン素材やテクスチャ素材のまとめ 素敵なグラフィックが多いので、管理者様にメールで連絡を取ってみました。 作成しているのは日本人のユニットで、すべてオリジナルの作品、少しずつ素材を増やしています、とのことでした。 素材の利用にあたっては個人でも商用でも無料、クレジットの表記は特に必要ないが記載してもらえると嬉しい、とのことです。 ダウンロードできる素材のフォーマットは、4種類。 .ai .eps .pdf .jpg（プレビュー用） 以下、数多くある素材の中からいくつか紹介します。 菊や桜

クリエイター･エージェンシー事業を行うクリーク･アンド･リバー社<4763>は、デザイナー向けサービスとして「デザイン塾」の第1弾を9月14日（日）に開講した。 当日は、バンダイナムコゲームスの関連会社であり、人気コンテンツの企画・制作を多数行うバンダイナムコスタジオの協力を受け、大人気ゲーム『アイドルマスター ミリオンライブ！』のデザインチームとコラボレーションして「デザイン塾」を開催。 本稿では、コンテンツの仕掛け人である制作者たちが登壇した、2Dデザイナーに向けた最新の市場概況、制作ノウハウを提供する講座の模様をレポートしよう。 ■アイドルの“新たな一面”を見せる 今回の講演に登壇したのは、バンダイナムコスタジオの運営A氏とC氏。おふたりとも『アイドルマスター ミリオンライブ！』に登場するカードイラストの制作者として活躍している。はじめにカードイラストの原案を考えるA氏より、同作のイ

漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

心奪われるフォルム…文明を支える巨大マシーンの写真26枚 巨大な装置や機械は、ただそこにあるだけで存在感や機能美を感じるものです。 科学技術の結晶とも言うべき、巨大マシーンの数々をご覧ください。 1. アポロ計画で月まで行った「サターンV」ロケットのF-1エンジンと、フォン・ブラウン博士。 2. 発電機。 3. ボーイング旅客機の翼のストレステスト。 4. ゴッタルドベーストンネル（スイスで現在建設中の鉄道トンネル）を切削中の4500馬力のボーリングマシン「Heidi」。 5. レクサスLFAの8速ランスミッション。 6. 米軍の大陸弾道ミサイル（ICBM）「ピースキーパー」の慣性誘導モジュール。 7. ブガッティ・ヴェイロンのW-16エンジン。 8. ダークマターを検出する液体キセノン検出器。 9. シアトルの地下の国道線を掘るための世界最大のトンネルボーリングマシンのヘッド。 10.

こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D　で　描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを

「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

ご参考までに、このスライドはKeynoteで作っているのですが、（スライド公開時のみに表示している）画面の下のコメントを除き、メインの文字などはすべてIllustratorで入力して、Keynoteにコピー&ペーストしています。 理由は2つ。 Keynoteでは自動カーニング（文字ツメ）ができない Keynoteでは混植ができない（がんばればできるけど、ベースラインの調整などを行えない） ちょっとした修正などが面倒なので、気が狂っているとも思いますが、プレゼン資料における文字は、ある意味、すべてキャッチコピー。文字ツメが甘いのはいただけないと思うのです。 ちなみに、後で修正しやすいように、Illustratorドキュメントは残しています。 追記（2013年11月）： 続編があります。 スライド『Webデザイナーのためのタイポグラフィと文字組版（Reloaded）』 - DTP Transi

WindowsやMac、iPhoneなどのガジェットからライフハックまで、幅広いジャンルを扱っているブログです。