MMORPGで考えるレベルデザイン
ゲームの仕様書を初めて作成する人のための足掛かりのスライド ゲームの仕様書を書こう１ 仕様書作成の分業とリストの作成 https://www.slideshare.net/ChizuruSugimoto/ss-173331109 ゲームの仕様書を書こう２ 仕様書に記載する機能内容 https://www.slideshare.net/ChizuruSugimoto/ss-173332578 ゲームの仕様書を書こう３ 仕様書に記載するデータと画面 https://www.slideshare.net/ChizuruSugimoto/ss-173333150 ゲームの仕様書を書こう４ 仕様書作成で楽をするconfluenceの活用 https://www.slideshare.net/ChizuruSugimoto/confluence-173333413
ArialとHelveticaの違いがはっきりと分かるこの一枚
ArialとHelveticaのタイプフェイスの違いをグラフィックにしたものをthe ragbagから紹介します。
［GDC 2012］「SimCity」のリードデザイナーが教える，ゲームデザインの基礎
［GDC 2012］「SimCity」のリードデザイナーが教える，ゲームデザインの基礎 編集部：荒井陽介 Stone Librande氏（EA/Maxis） 前作のリリースから10年ぶりの新作発表ということで話題を呼んだ「SimCity」（関連記事）。そのリードデザイナーであるStone Librande氏が，GDC 2012で「Designing Games for Game Designers」というセッションを開いた。 このセッションは，Librande氏が講師を務めているゲームデザインのワークショップでどんなことが行われているかを紹介するもので，ゲームというものがどのような要素から成り立っているのかが分かりやすく説明されていた。以下にその模様をお伝えしよう。 Librande氏は，Cogswell Polytechnical Collegeや，自身が所属するMaxisで，ゲームデザ
色彩センスのいらない配色講座～色は理論的に説明できる～ : まりっぺぶろぐ
6/30に BP studyという勉強会で発表した時の資料を今頃掲載します。 しすてむえんじにあ的な方ばかりの勉強会でデザインについて何かしゃべることになったので、なるべく誰にでもわかる話にしようと思って、色の超基礎について話すことにしました。 著作権的にアレな部分を修正したので、発表時の資料とは若干違います。トーン表は、1から作るのは30秒くらいで諦めたので、日本色研さんから拝借したままです。怒られたら本気出す。 私がこれらの色の知識をどう身につけたか について、簡単に3点ほど書きます。ほんとに基礎の基礎なので、知識ってほど大層なものでもないですが。 (1)美大受験用予備校で習った 美大受験用予備校では、一番最初にこういう色の基礎について教えてくれます。色の基礎を教えた上で、講師は生徒に「お前は原色使いすぎ。もっと濁った色を使ってバランス取ることを覚えろ。」という風に指導してきます。 色
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
漫画家・赤松健氏の語る「萌え絵の頭部デッサン」
赤松 健 ⋈（参議院議員・全国比例） @KenAkamatsu これは最近の絵柄でも受け継がれており、原作版「はがない」 http://t.co/MVjDglAl もこれくらいの角度で、アニメ版「おれいも」 http://t.co/NgcLHUPS も似たような感じ。「けいおん」も同じ方向に伸びます。 2011-12-01 12:34:12 赤松 健 ⋈（参議院議員・全国比例） @KenAkamatsu 絵に詳しい人なら、これは「赤ちゃんの頭部デッサンをデフォルメしたものだ」と指摘するでしょう。本能的に可愛く見せる技術なわけです。「目は、必ず頭部の中心点よりも下に配置する」という幼児画の鉄則も守られています。しかし「あずまんが」は割と黄色の方向に伸びている。ここが面白い。 2011-12-01 12:35:32
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
Dive Into SVG
7. <path d="..." transform="translate(30,30)"/> <path d="..." transform="scale(1.5)"/> <path d="..." transform="rotate(30,0,0)"/> <path d="..." transform="skewX(45)"/> 2011 8 21 8. <path d="..." transform="translate(30,30)"/> <path d="..." transform="scale(1.5)"/> <path d="..." transform="rotate(30,0,0)"/> <path d="..." transform="skewX(45)"/> 2011 8 21 9. <path d="..." transform="translate(30,30)
プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(ﾟ∀ﾟ)ｯ!!
「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
素人っぽさを感じるWEBサイト5つの特徴 - おかねがない(ﾟ∀ﾟ)ｯ!!
インターネットをしていると、いろんなWEBサイトに出会います。 気になるアーティストのサイトだったり、趣味に関連したサイトだったり･･･ そんな中で 「なんかこのサイト素人っぽい」 って、感じたことありませんか？ でも、「素人っぽい」と感じはしたものの、そのサイトのどこに素人っぽさを 感じたのか、じっくり考えてみることってあまりないのではないでしょうか。 そこで今回は、WEBサイトのどういう点に素人っぽさを感じるのか、 「脱素人っぽいサイト」を目指す私が感じた、「素人っぽいサイト」の特徴を、 まとめてみたいと思います。 （8/19追記） 以下の内容はあくまで素人muggles0812が感じた、個人的な意見であり、該当する項目が あったからといって、必ずしも他の皆さんが「素人っぽい」と感じるとは限りません。 画像処理が甘い せっかく時間をかけて作ったサイトでも、使われている画像の処理が甘いと
TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０:phpspot開発日誌
40 Sets of Free Social Media Icons | Vandelay Design Blog TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０。 次のような、デザインに嫌なクセがなくて汎用に使えそうなアイコン〜個性的なものまで色々なアイコンセットが紹介されています。 サイトデザインに合ったアイコンが選べそうなので覚えておいてもよさそう。 Linked.inも日本で開始するそうですが、どうなっていくのか楽しみです 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット 246種類のクリアで美しいソーシャルアイコンセット
B3 Annex: Appleエンジニアが語る、Appleがデザインプロセスで行っている4つのコト
毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイティブをどのようにマネジメントしているかが垣間見れる。 以下は、例によってB3 Annex抄訳。 Apple's design process by Business Week 完璧なモックアップを作る（Pixel Perfect Mockups）手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべ
配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kotaku - The Gamer's Guide
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
色彩センスのいらない配色講座
CSS3の説明がグラフィカルでわかりやすい『CSS3 Files』 | 100SHIKI
IDEA * IDEA