ポップカルチャーの一部になりたいと願っていたティーンエイジャーが、イギリスを代表するグラフィックデザイナーとなったのは偶然ではない。いかにしてピーター・サヴィルがピーター・サヴィルとなったのか。 多感な10代に経験した’60年代の世の中。 グラフィックデザインの巨匠であり、イギリスのカルチャーの一部でもあるピーター・サヴィル。とりわけ、ポストパンクを代表する伝説的バンド、ジョイ・ディヴィジョンの『Unknown Pleasures』のレコードジャケットのデザインは世界的に著名な作品として認識され、肝心の音楽を聴いたことがない人々でさえ「ああ、見たことあるかも」と思わせるものである。 当時「毎日の暮らしは実に平凡で退屈なもので、外の世界のあり方に対して不満を持っていた」というマンチェスターボーイがいかにしてカルチャーと密接となったのかは興味深い。 「大人になってずいぶん経つけど、ティーンエイ

デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う

初めまして。UXデザイナーのしんやです。私は4月にGoodpatchへ新卒入社し、UXデザイナーとしての仕事を始めました。今期から新卒2年目になります。入社から振り返るとまだ体系化の余地があるUXデザインの仕事は、手探りな部分が多く、学習と実践を繰り返して知識とスキルを身に付けていったと思います。 この記事では、UXデザインに興味がある方、学習をしたい方向けにUXデザインを学習するのに役立った25冊の本をご紹介します。 ご紹介する25冊の本は、UXデザイナー1年目として、求められている品質にたどり着けなくても暗闇を手探りで進まなければいけない状態だった際に、同じチームで仕事ぶりを見ていた先輩デザイナー、エンジニア、代表土屋からおすすめしてもらった本たちです。ぜひUXデザインの理解を深める際に役立ててもらえると嬉しいです！ 【関連記事】UXデザインとは？UIデザインとの違いや設計プロセス、事

Web制作でWindows 10を使いたいけど、なんだか動きがもっさりしているとお困りの方はいませんか？ この記事では、Windows 10の設定を見直し、余計な機能をオフにすることでパソコンの動作をサクサクにしたり、デザイン制作などの作業をしやすくするための手順についてまとめています。 パフォーマンスを向上させる Windows 10には「パフォーマンスを優先する」という設定があります。 パフォーマンスを優先した場合、ウインドウの下の影などがなくなりますが、古いパソコンの場合サクサク動作する可能性があります。 設定の変更方法は以下の手順です。 1．Windows 10の［スタートメニュー］から、［設定ボタン］（歯車のマーク）をクリック 2．［システム＞バージョン情報＞システム情報＞システムの詳細設定］をクリック 3．［パフォーマンス］にある［設定］をクリック 4．［視覚効果］というタブの

※ この記事はポエムです。 先日、 アイドルマスター シャイニーカラーズ がリリースされました。 僕自身はアイマスはちょっとアニメを見る程度で熱心なファンというわけではないのですが、こちらのゲームはゲーム内容だけではなく別の側面でも注目されていると思います。 それは、ブラウザ上で動くゲームであるというところです。ブラウザゲーム自体は古来から存在するものですが、このゲームが挑戦的なのは、「PWAであるブラウザゲーム」であるところであると思います(PWAであるかどうかは後述します)。 少し触ってみて「これは昨今のソーシャルゲーム的ゲームをPWAとしてアプローチしたとても挑戦的なプロダクトだ」と自分の中で盛り上がっているので、なぜ盛り上がっているかを冷めないうちに書いてみようと思います。 シャニマスはPWA？ そもそもPWAとはなんであったか PWA という言葉はGoogleが提唱して以降よく耳

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。

プラチナゲームズ公式ブログ 海上自衛隊に配備される潜水艦｢しょうりゅう｣の公式ロゴマーク＆広報用キャラクターに、プラチナゲームズのアーティストたちの作品が採用されることになりました！ 2019.03.19 3月18日に就役した潜水艦｢しょうりゅう｣の公式ロゴマーク＆広報用キャラクターに、プラチナゲームズのアーティストたちの作品が採用されることになり、先日、神戸で開催された｢潜水艦しょうりゅう就役謝恩会」にて、その完成披露が行われました！

【追記（2019/02/10 9:53）】 現在開いているこの記事は技術書典５に向けての記事です。 技術書典６に向けての最新記事は以下をご参照ください。 使いやすくなったり、Re:VIEWなどのバージョンが更新されています。 at-grandpa.hatenablog.jp 【追記おわり】 Re:VIEW+CSS組版の環境は、わかめさんの vvakame/review-css-typesetting で整いつつあります。今回は、個人的に欲しい機能を追加した、という話です。いい感じに回っているのでブログにまとめることにしました。 目次 目次 Re:VIEWとは CSS組版とは Re:VIEW+CSS組版 環境構築 使い方 やってること デザインの変更 CSSを編集する htmlを編集する 完成したPDFは印刷所で印刷可能か（確認完了） まとめ Re:VIEWとは Re:VIEW形式で書かれた

[Å] 今まで曖昧だった「カーニング・トラッキング・文字詰め」の違いについてまとめてみました

Illustrator入稿・印刷データ作成方法／注意点 Illustrator（イラレ）のトリムマーク（トンボ）の設定方法・作り方 必ず、ご注文のサイズ通りに「トリムマーク」を作成してください Illustrator（AI形式）でのご入稿の場合は、トリムマーク（トンボ）を必ず作成してください。トリムマークは最前面（上）に配置し、他のオブジェクトによって少しでも隠れてしまわないようお気をつけください。 Illustrator 初期設定の方法

デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-

日本語を含む3カ国語に対応したオープンソースフォント「Source Han Sans」をアドビがリリースした。Apache 2.0ライセンスで公開されており、Adobe Typekitのほか、GitHub、SourceForgeから無償でダウンロードできる。 Source Han Sansは、日本語／中国語（簡体字、繁体字）／韓国語の3カ国語（CJK）、台湾および香港の文字セットに対応したOpenTypeフォント。6万5535文字を収録し、Adobe-Japan1-6に含まれる異体字もカバーする。ウェイトはそれぞれExtraLightからHeavyまでの7種類。なお、日本語のフォント名では「Source」の日本語をイメージした「源ノゴシック」と表示される。 開発にあたっては、グーグルが資金提供とテスト、アドビが字形デザインとプロジェクト管理を担当。「6万5000以上の文字を1社で作るのは難

iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。

変革的なデジタルエクスペリエンスの領域において、Taipei-IVF.comは革新的なデジタル介入を通じて不妊治療の風景を変える光として現れ... 迅速なデジタル体験の領域において、APKDownloadはアプリケーションとの関わり方を再定義し、変革の力として立ち上がっています。APKD...

着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ

色占い診断の使い方とお願い ファルベコローレは言葉を基に当てはまる配色を表示する色診断サイトです。キーワードを入力すると、その言葉からイメージされる配色とカラー属性を教えてくれます。色数値や色成分の分析や使用例といった様々な色彩データを色彩講座で解説しているので実用的にも使えます。カラーイメージは日にちを開けて再度調べたときに前とは違った色になることもあります。定期的に必ず入れ替わる分けではなく、ずっと同じ色がでる場合もあればガラッと違う色になる場合もあります。その時々で出てくる言葉のカラーリングをお楽しみください。 配色ツールとして デザインやイラスト制作で色の選定で困ったときの配色探しに便利です。カラーコンサルティングにも通じるカラー分析もあるので色に説得力も持たせられます。 色彩講座で色の勉強 言葉のカラーイメージを色相や彩度といった属性で分類したものを見たり、色から感じる温度や色の

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