約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で，ゲームデザ
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(ﾟ∀ﾟ)ｯ!!
「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
素人っぽさを感じるWEBサイト5つの特徴 - おかねがない(ﾟ∀ﾟ)ｯ!!
インターネットをしていると、いろんなWEBサイトに出会います。 気になるアーティストのサイトだったり、趣味に関連したサイトだったり･･･ そんな中で 「なんかこのサイト素人っぽい」 って、感じたことありませんか？ でも、「素人っぽい」と感じはしたものの、そのサイトのどこに素人っぽさを 感じたのか、じっくり考えてみることってあまりないのではないでしょうか。 そこで今回は、WEBサイトのどういう点に素人っぽさを感じるのか、 「脱素人っぽいサイト」を目指す私が感じた、「素人っぽいサイト」の特徴を、 まとめてみたいと思います。 （8/19追記） 以下の内容はあくまで素人muggles0812が感じた、個人的な意見であり、該当する項目が あったからといって、必ずしも他の皆さんが「素人っぽい」と感じるとは限りません。 画像処理が甘い せっかく時間をかけて作ったサイトでも、使われている画像の処理が甘いと
ゲームプランナーが知るべき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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sekailog.com
今年公開されたクリエイター必見の日本製フリーフォント「KOUSHIKI SANS FONT」と、その他日本製のおすすめフリーフォント
IDEA * IDEA
【HTMLタグの簡単検索】TAG index - ホームページ作成情報