[B! web制作] osamtimizerのブックマーク

ウェブデザインをはじめるあなたへ - ウェブ雑記

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。その上で、あまり間違いのない色の選び方がわかるようになる。ノンデザイナーのための配色理論最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。ウェブサービスの企画とデザイン僭越ながら明治学院大学で講義した時に作った資料。なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。かんたんキレイなウェブデザイン僭越ながら勉強会 (UT Startup Gym) 用に作った資料。なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ

osamtimizer 2014/07/07

リンク

自分のwebサイト作る工程 - MEMOGRAPHIX

2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ