2011-11-29
0からWebサイトを作るためのWebデザインに関する記事まとめ
Webデザインの基本
- デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
- デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き
- 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog
- 非デザイナーのためのデザイン基本テクニック その2 | 07design.blog
- 効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス
- ホワイトスペースを使ったウェブデザインの考え方 - バニデザノート
- ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)
上記の7サイトは文字や画像の配置やレイアウトなどWebデザインの基本的なことが書かれた記事です。どの記事も気合を入れて書かれたものが多いので、すべてに目を通しておくと良いと思います。
タイポグラフィーとフォント
Webデザイン業界の人がよく使うであろうフォントの一覧。ここを参考にフォントを決めると良いと思います。
タイポグラフィの基本。どういった場面でどういったフォントを使うべきか。
文字組の基本。実際の広告やWebに使われている文字組を例にとって話が進んでいくのでわかりやすく、すぐに実行できるものが多いです。
CSSのfont-familyにはどのフォントを選択すべきか。MacとWindowsどちらの環境からでも美しく文字を見せるために。
素材の作り方
Webデザイン制作で使うべきツールとその役割(Photoshop、Illustrator、Fireworksそれぞれツールの役割と使いどころ)
- Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
- Webデザインにおける、1pxへのこだわり « Parkn' Park
- 素人っぽいデザインから脱却するための12のデザインチップス | webox blog
- 少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックス
- 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックス
上記の5サイトはWebサイトでよく使われているようなボタンや背景、パターンなどの作り方を1から解説してあります。
レイアウトの作り方
配色、フォント選びからWebデザイン作成までのWebサイト作成の流れ。
- Create a Portfolio Web Layout in Photoshop | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers
- Photoshop a Paper Texture from Scratch then Create a Grungy Web Design with it! | Psdtuts+
上記の2サイトは英語のサイトですが、Photoshopを使ったWebレイアウトの作り方を1から細かく解説してあります。
Webデザインの参考
Web制作会社のリンク集まとめです。Web制作会社のHPなのでWebデザインの参考になるものが多いです。
参考になるWebデザインのリンク集のリンク集です。
2011-10-22
やる夫で学ぶシリーズをまとめてみた
やる夫で学ぶシリーズをまとめてみました。主に、はてなブックマーク数を多く獲得した人気の高いものをまとめてあります。
経済・政治について学ぶ
>>1が米国債の格下げの影響について分かりやすく解説するスレ
刺身の上にタンポポのせる仕事の採用試験に受かったお!!!!!
歴史について学ぶ
科学について学ぶ
パソコンについて学ぶ
やる夫がデスクトップを改造するようです【Vista・Win7編】
その他いろいろについて学ぶ
2011-10-21
デスクワーカー必見!肩こりを治す方法まとめ
一人でできるストレッチ方法や、肩こりになりにくい姿勢の正し方など、肩こりが治りそうな記事のリンクをまとめてみました。
肩こりに悩んでいる方やデスクワークで疲れている方は以下のリンクを参考に試してみてください。
一人でできるストレッチで肩こり解消
重い、痛いを吹き飛ばせ! 肩コリ解消法 | Web担当者Forum
一人でも簡単にできる! プロ仕様の肩こり改善マッサージ : ライフハッカー[日本版]
第2回 肩のコリを取る - 元気が出る!ツボ押しレッスン:ITpro
首が原因の肩こり?首を軽くする1分体操 [肩こり] All About
肩こりに効くストレッチ(オフィス編) [筋肉トレーニング] All About
肩こりに効くストレッチ(自宅編) [筋肉トレーニング] All About
タオル1本で肩こりを解消する方法 | nanapi [ナナピ]
姿勢を正して肩こりを治す
オフィスでできる猫背矯正法! [肩こり] All About
肩こり知らずの正しいパソコン姿勢 [肩こり] All About
パソコン作業時の正しい姿勢とお勧め体操 - ニュース - nikkei BPnet
肩こりや腰痛を寄せ付けない体づくり − @IT自分戦略研究所
温めて治す肩こり解消法
その他の肩こりTips
2011-10-04
Googleカレンダーで予定をメールで通知してくれる機能を切る方法
右上にある設定アイコンから
カレンダーの設定 > カレンダータブ > 通知というリンク
「デフォルトの通知方法メール」というのを削除して保存する
MacOSのプレビューでファイル(画像)を同じウィンドウで開く方法
プレビューの初期設定では画像を開くと別々のウィンドウで表示されるので、それを同じウィンドウで開いて画像の観覧を楽にする方法です。
プレビュー > 環境設定 > 一般タブ
「ファイルを開くとき」で、すべてのファイルを1つのウィンドウで開くにチェックする。
MacOSのプレビューで画像をはじめから実際のサイズで開く方法
通常プレビューで画像を開くとウィンドウの大きさに合わせて画像が縮小されますが、それをはじめから実際の画像のサイズで画像を開く方法です。
プレビュー > 環境設定 > イメージタブ
「イメージのサイズ調整の初期値」で、実際のサイズにチェックする。
2011-08-11
最近見た映画を一言ぐらいでレビュー
前田有一風に点数付きで、レビューします。括弧内は日本で公開された年と上映時間。
es 65点(2002年 119分)
実際にスタンフォード大学で行われた心理実験を題材にした映画。被験者は囚人と看守の2グループに別れて2週間の間刑務所内で過ごすというもの。最後の方の展開は無理やり盛り上げた感じ。いくらなんでもあそこまでやらないだろうと。けど、そこそこおもしろかったです。
エグザム 80点(2010年 101分)
とある企業の最終試験。試験にはいくつかのルールがありそれを破ると強制的に不合格となる。配られた答案用紙は白紙の紙一枚のみ。受験者たちは回答し合格することができるのか。101分間一つの部屋のみで行われる密室系ミステリー。普通におもしろかった。
[リミット] 85点(2010年 95分)
男が目を覚ますと棺桶の中で生き埋めにされていた。所持しているモノは携帯電話とライターと懐中電灯のみ。はたして彼は助かるのか。密室系ミステリー。どきどきはらはらおもしろいです。
ファイナル・デスティネーション 70点(2001年 97分)
アメリカの王道映画らしい誰でも楽しめて最後のほうでちゃんと盛り上がり、ちゃんとオチもある映画。アメリカでは5作目が今年公開されるらしい。
ピーナッツ 50点(2006年 115分)
内Pメンバー主演の草野球映画。ストーリーはありがちな感じでまぁまぁおもしろかったけど、ちと長い。意外とわらいどころは少ない真面目な映画。
逆境ナイン 70点(2005年 115分)
ギャグ高校野球漫画原作の映画。だらだら見たい人におすすめ。あと、堀北真希かわいい。
パーフェクト・ブルー 75点(2010年 120分)
宮部みゆき原作。良くも悪くも日本のミステリー映画といった感じ。どこかあっさりしてて、いまいちぐっと盛り上がるポイントがない。
13階段 80点(2003年 122分)
刑事と喧嘩相手を誤って殺してしまった男(反町隆史)が死刑囚の冤罪を晴らすために捜査する話。見終わった後どっと疲れます。
クヒオ大佐 55点(2009年 103分)
実在した結婚詐欺師の話。クヒオ大佐が天才的に詐欺がうまい人間なのか、ただのバカな人間なのかがよくわからない。終始馬鹿っぽいけど、馬鹿だったらこんなに手際よくできないよねって感じ、もうちょいうまく描いて欲しい。




