約36時間でレスポンシブデザインを作る！効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ
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まとめをご利用・ご愛顧いただき誠にありがとうございました。
漢字が使えるフリーの和文フォント242種類をまとめてみた。 - buena suerte!
自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
プログラマーがかっこいい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種類のクリアで美しいソーシャルアイコンセット
ゲームプランナーが知るべき25のこと
1. 万人に受け入れられるゲームは理想だが存在しない ラピュタみたいな物 2. 正しいデザインは機能性と相反しない デザイナーを説得しろ 3. スケジュールは工数を当てはめるパズルではない 無理な物は無理だ 4. 言わずに後悔するより言って後悔しろ ああすればよかったのに…という後悔は無駄だ 5. リサイクルよりフルスクラッチ 他人が作った物を直すより最初から作った方が速い この点においてプログラマーを信じるな 6. プログラマー、プランナー、デザインの言う「可能」はそれぞれ意味が違う 時間があれば出来る、なんとなく出来ると思っている、気が向いたら完成する 7. 企画書は企画が通ったら捨てろ さて、俺の好きなゲームをゼロから構築するぜ！ 8. よく出来ている は褒め言葉ではない どちらかと言うとdisの言葉だ 9. パクリを気にするな お前の作っている物も多分パクりだ 10. 理論的な説明
無料で利用可能な400個以上のベクター＋PNG形式アイコン詰め合わせパック「Seven Icon Pack」
SVG形式・100×100、48×48、32×32のPNG形式で無料配布されているのがこの「Seven Icon Pack」です。400個以上（中身のファイルを見ると全部で478個）もの高品質なアイコンが入っており、かなり実用的なデザインとなっています。 ダウンロードは以下から。 475 Free & Awesome High Quality Icons For Designers SVG形式 http://www.tehkseven.net/news/475-free-vector-icons/icons_svg 32×32のPNG形式 http://www.tehkseven.net/news/475-free-vector-icons/icons_32x32 48×48のPNG形式 http://www.tehkseven.net/news/475-free-vector-icons
無料でここまで読めていいの？ とびっくりする写真講座 | ライフハッカー・ジャパン
こんにちは。ココロ社です。 ネットサーフしていると「これってボランティアちゃうの？」と思ってしまうサイトをたまに発見してしまいます。今回紹介するのは、写真のあれこれがわかる「スタジオグラフィックス」。ポータブルフォトストレージなどを扱う「飛鳥」が運営しているのですが、写真のテクニックが学べる記事が満載です。 特に充実しているのが、人の撮り方についての記事。中でも、「女性の撮りかた講座」と「新・女性の撮りかた講座」は、目を見張る充実ぶりです。 これを読んで思うのは、やっぱり人を外でちゃんと撮りたいときにはストロボが必須だなぁ...ということ。「今日は外で撮るからストロボはいらないや」と今までは思っていましたが、人を撮るんだったら持っていくに越したことはありませんね。 また、『Photoshop Elements』の膨大な活用記事「フォトショップ・エレメンツ de ゴーゴー！」も、現在40回を
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）手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべ
テーマ・フォント - smdn.jp
システム設定の[外観]の設定項目には[テーマ]があるため、これを変更することでウィンドウのデザインや色を変更することが出来ます。 デフォルトで用意されているテーマがいくつかあるため、その中から選択することが出来ます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kotaku - The Gamer's Guide
sekailog.com
今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォント
IDEA * IDEA
