グラフィックデザインの巨匠ピーター・サヴィルさんとのダイアローグ - UT magazine
ポップカルチャーの一部になりたいと願っていたティーンエイジャーが、イギリスを代表するグラフィックデザイナーとなったのは偶然ではない。いかにしてピーター・サヴィルがピーター・サヴィルとなったのか。 多感な10代に経験した’60年代の世の中。 グラフィックデザインの巨匠であり、イギリスのカルチャーの一部でもあるピーター・サヴィル。とりわけ、ポストパンクを代表する伝説的バンド、ジョイ・ディヴィジョンの『Unknown Pleasures』のレコードジャケットのデザインは世界的に著名な作品として認識され、肝心の音楽を聴いたことがない人々でさえ「ああ、見たことあるかも」と思わせるものである。 当時「毎日の暮らしは実に平凡で退屈なもので、外の世界のあり方に対して不満を持っていた」というマンチェスターボーイがいかにしてカルチャーと密接となったのかは興味深い。 「大人になってずいぶん経つけど、ティーンエイ
コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
UXデザイナー1年目が実務で活かせた25冊｜Goodpatch Blog グッドパッチブログ
初めまして。UXデザイナーのしんやです。私は4月にGoodpatchへ新卒入社し、UXデザイナーとしての仕事を始めました。今期から新卒2年目になります。入社から振り返るとまだ体系化の余地があるUXデザインの仕事は、手探りな部分が多く、学習と実践を繰り返して知識とスキルを身に付けていったと思います。 この記事では、UXデザインに興味がある方、学習をしたい方向けにUXデザインを学習するのに役立った25冊の本をご紹介します。 ご紹介する25冊の本は、UXデザイナー1年目として、求められている品質にたどり着けなくても暗闇を手探りで進まなければいけない状態だった際に、同じチームで仕事ぶりを見ていた先輩デザイナー、エンジニア、代表土屋からおすすめしてもらった本たちです。ぜひUXデザインの理解を深める際に役立ててもらえると嬉しいです！ おすすめされて読んだ本たち UXデザインの目的理解 道具の目的が不明
デザイン作業を行う前に変更しておきたいWindows 10の設定 | Stocker.jp / diary
Web制作でWindows 10を使いたいけど、なんだか動きがもっさりしているとお困りの方はいませんか？ この記事では、Windows 10の設定を見直し、余計な機能をオフにすることでパソコンの動作をサクサクにしたり、デザイン制作などの作業をしやすくするための手順についてまとめています。 パフォーマンスを向上させる Windows 10には「パフォーマンスを優先する」という設定があります。 パフォーマンスを優先した場合、ウインドウの下の影などがなくなりますが、古いパソコンの場合サクサク動作する可能性があります。 設定の変更方法は以下の手順です。 1．Windows 10の［スタートメニュー］から、［設定ボタン］（歯車のマーク）をクリック 2．［システム＞バージョン情報＞システム情報＞システムの詳細設定］をクリック 3．［パフォーマンス］にある［設定］をクリック 4．［視覚効果］というタブの
シャニマスはPWA時代のGoogleMapなのかもしれないという話 - MANA-DOT
※ この記事はポエムです。 先日、 アイドルマスター シャイニーカラーズ がリリースされました。 僕自身はアイマスはちょっとアニメを見る程度で熱心なファンというわけではないのですが、こちらのゲームはゲーム内容だけではなく別の側面でも注目されていると思います。 それは、ブラウザ上で動くゲームであるというところです。ブラウザゲーム自体は古来から存在するものですが、このゲームが挑戦的なのは、「PWAであるブラウザゲーム」であるところであると思います(PWAであるかどうかは後述します)。 少し触ってみて「これは昨今のソーシャルゲーム的ゲームをPWAとしてアプローチしたとても挑戦的なプロダクトだ」と自分の中で盛り上がっているので、なぜ盛り上がっているかを冷めないうちに書いてみようと思います。 シャニマスはPWA？ そもそもPWAとはなんであったか PWA という言葉はGoogleが提唱して以降よく耳
これだけ守れば見やすくなるデザインの基礎
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
Re:VIEW+CSS組版の執筆環境を簡単に構築できるようにしました - 圧倒亭グランパのブログ
【追記（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形式で書かれた
[Å] 今まで曖昧だった「カーニング・トラッキング・文字詰め」の違いについてまとめてみました
[Å] 今まで曖昧だった「カーニング・トラッキング・文字詰め」の違いについてまとめてみました
![[Å] 今まで曖昧だった「カーニング・トラッキング・文字詰め」の違いについてまとめてみました](https://cdn-ak-scissors.b.st-hatena.com/image/square/5998bfdbaddf04e5fabbee8e405fa5409b4dbd12/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Fnoimage.jpg)
Illustrator（イラレ）のトリムマーク（トンボ）の設定方法・作り方｜データ作成ガイド｜ネット印刷WAVE
Illustrator入稿・印刷データ作成方法／注意点 Illustrator（イラレ）のトリムマーク（トンボ）の設定方法・作り方 必ず、ご注文のサイズ通りに「トリムマーク」を作成してください Illustrator（AI形式）でのご入稿の場合は、トリムマーク（トンボ）を必ず作成してください。トリムマークは最前面（上）に配置し、他のオブジェクトによって少しでも隠れてしまわないようお気をつけください。 Illustrator 初期設定の方法
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
アフォーダンスからシグニファイアへ - A Successful Failure
2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基本的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された（主に）視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている（下図）。トゲゾーはトゲという視覚的なサインによって、踏んではい
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
アドビ、日本語対応フォントをGitHubで無料配布
日本語を含む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社で作るのは難
5分で分かるフラットデザイン
iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
ファッション・アパレル用語索引｜モダリーナのアパレル・ファッション図鑑
着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ
よく当たる占いサイト - 言葉の色を診断！ファルベコローレ
色占い診断の使い方とお願い ファルベコローレは言葉を基に当てはまる配色を表示する色診断サイトです。キーワードを入力すると、その言葉からイメージされる配色とカラー属性を教えてくれます。色数値や色成分の分析や使用例といった様々な色彩データを色彩講座で解説しているので実用的にも使えます。カラーイメージは日にちを開けて再度調べたときに前とは違った色になることもあります。定期的に必ず入れ替わる分けではなく、ずっと同じ色がでる場合もあればガラッと違う色になる場合もあります。その時々で出てくる言葉のカラーリングをお楽しみください。 配色ツールとして デザインやイラスト制作で色の選定で困ったときの配色探しに便利です。カラーコンサルティングにも通じるカラー分析もあるので色に説得力も持たせられます。 色彩講座で色の勉強 言葉のカラーイメージを色相や彩度といった属性で分類したものを見たり、色から感じる温度や色の
【セミナー】なぜ彼女たちは“こんなにも魅力的で可愛いのか…？” 開発者が語る『アイドルマスター』におけるイラスト制作の工程とは | gamebiz
クリエイター･エージェンシー事業を行うクリーク･アンド･リバー社<4763>は、デザイナー向けサービスとして「デザイン塾」の第1弾を9月14日（日）に開講した。 当日は、バンダイナムコゲームスの関連会社であり、人気コンテンツの企画・制作を多数行うバンダイナムコスタジオの協力を受け、大人気ゲーム『アイドルマスター ミリオンライブ！』のデザインチームとコラボレーションして「デザイン塾」を開催。 本稿では、コンテンツの仕掛け人である制作者たちが登壇した、2Dデザイナーに向けた最新の市場概況、制作ノウハウを提供する講座の模様をレポートしよう。 ■アイドルの“新たな一面”を見せる 今回の講演に登壇したのは、バンダイナムコスタジオの運営A氏とC氏。おふたりとも『アイドルマスター ミリオンライブ！』に登場するカードイラストの制作者として活躍している。はじめにカードイラストの原案を考えるA氏より、同作のイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
海上自衛隊に配備される潜水艦｢しょうりゅう｣の公式ロゴマーク＆広報用キャラクターに、プラチナゲームズのアーティストたちの作品が採用されることになりました！ | プラチナゲームズ公式ブログ
Design Tips
デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト