[mixi]勉強方法 - Webデザイン | mixiコミュニティ

W3Cに認定されてるサイトを参考にしてみては？

必ずW3Cにリンクが貼ってあるので、私はそういうサイトをみて真似てます。

あっ説明不足でした。

認定されてるサイトのｔｏｐにはW3Cへのリンクが貼ってあります。埼玉県のリックネットワークスさんのサイトは参考にはなります。

自分の個人のホームページを作ってみたらどうでしょう？
趣味のことでもテーマはなんでもいいんで・・・

いいサイトのコピーして真似るのも大事だけれど
そこからいい部分を抜き出して自分なりにアレンジして自分のホームページに反映してみる。
そこで試行錯誤してる中でいろんなことが磨かれていくと思いますよ

がんばってください。

[4] mixiユーザー 12月29日 22:20

完コピするだけじゃなかなか実力はつきませんよ。
せめて少しでも自分なりの個性をそこに付け加えなきゃ。
デザインの勉強方ですが、自分の場合は企業向けなら企業向け、女性向けなら女性向けといったように土台となるテーマを決め、一から（トップページだけでも）デザインしたりしてました。
（ページデザインに限らずバナーでも何でもいいと思います）
そうして何度も繰り返すことで「ここが変だから次はこうしてみよう」といった感じで、その時気付かなかった点を修正していきます。
自分の場合はこんな感じですね。

[8] mixiユーザー 12月30日 01:16

みなさんありがとうございます。

説明足りなくて、すいません。架空サイトや、アルバイト先でも簡単な物は作りましたが、なかなかいいもの作れませんので、
まずはikesaiのいろいろなサイトのバナーを真似して、色づかいや、文字の見せ方を勉強しています。
みなさんがおっしゃるように慣れてきたら、バナーを完全にコピーするのではなく、自分なりにいろいろと工夫して、最後は自分でテ－マを決めて作ってみようとおもいます。

まずは、良いバナーやボタンを短時間に作れるようになったら、サイトにうつろうと思います。

他にも、みなさんの勉強方を教えて頂ければ幸いです。

[9] mixiユーザー 12月30日 13:36

私がやっていた方法としては、Ａのサイトの要素をそっくりそのままＢのサイトの構成(テイスト)で
作り直すということをやっておりました。
当然ＡのサイトとＢのサイトでは必要要素も、それのプライオリティも変わってきますから、
そこを上手くまとめ直し、デザインに昇華するという訓練にはなったと思います。

[12] mixiユーザー 01月05日 19:57

今年中には、正社員になりたいので、頑張って勉強して、Ａｃｔｉｏｎｓｃｒｉｐｔ3、0も完璧にしたいので、いろいろと参考にさせて頂きます。

[13] mixiユーザー 01月05日 22:26

確かに他サイトの真似をするのは手っ取り早くそれらしいものが出来ます。
美術家でも他の作家の完全模倣をして手法を盗むことは当たり前に行われています。

そんなんでも自分の肥やしにはなるのですけど、それだけでは理屈・理論が置き去り
にされて本当の自分が見いだせなかったり応用が利かなかったり工夫する力が
付かなかったりという危険を承知しておかなければいつまで経っても他人の亜流から
抜け出る事が出来ないと思います。

それでも良いと思われるならそれまでですけど、もし人真似から抜け出たいと
思われるなら基礎からの勉強も同時にされることをお勧めします。
基礎を勉強すれば「考え方」が身に付くと思います。それは遠回りかも知れませんが
一番貴方をスキルアップしてくれると思います。

先ずは色彩の理論を勉強して見る、部品配置の理論を探して見る、どうすれば
文章が読みやすくなるかを、自分で読みやすい一行の長さを試行錯誤したり
行間の空きやフォントの大きさなどを研究して見る。デザインとは言えないかも
知れませんが、テーマもどんな言葉が適当かなどをあれこれ考えて見る。

地味で泥臭い方法が実は花道ではないかと思います。

[14] mixiユーザー 01月05日 23:41

西尾さんへ

西尾さんの言う通りだと思います。

本を買っていろいろデザインの事を勉強してますが、どんな本がオススメですか？

[15] mixiユーザー 01月06日 00:17

>西尾さんの言う通りだと思います。
有難うございます。

まず、誤解を受けそうな部分を加筆。
>美術家でも他の作家の完全模倣をして手法を盗むことは当たり前に行われています。
→これは勉強中の人がやる事で、他人を欺く為のものではありません。

>どんな本がオススメですか
申し訳ありません、プロを目指している人に素人がレスしてしまって。
ご質問が来たのでオタオタしています。

私は本屋さんで配色の本を買って読みました。本の買い方をお勧めするならば
同じ目的の本を数冊買って読む事をお勧めするという事でお茶を濁させて下さい。
それと大事な事ですが、知識をネット上で無料で手に入れる、という考えは
よくありません。一貫性がなく対症療法に過ぎないのです。

コーディングの本はぜひお勧めの本がありまして、いま本棚を探して見ましたが
見当たりません。旅行などにも持っていって読みふけりましたから旅先で紛失
したかもしれません。
ハウツーものでなくてコーディングの「考え方」を教えてくれる本でした。
パソコンの世界では表面だけをさっと撫でるだけの本が掃いて捨てるほどあります。
その中で自分の考え方を身に付けさせてくれる本は少ないですが、それを見つけて下さい。
その方がはるかに役に立ちます。

すぐお役に立つレスでなくて失礼しました。

[16] mixiユーザー 01月08日 21:08

将来の為に勉強してがむしゃらに頑張ります。

[17] mixiユーザー 01月09日 01:42

Webはやることの幅広いので時間配分を考えて勉強したほうがいいと思います。
僕は朝、会社に行く前に読書、仕事始まる前は時間があればWeb制作系のブログを確認、自宅に帰って自分のサイトの更新・メンテナンス。
曜日別に分けたり週別に分けたり、目標を決めるなどしていけば、何を勉強すればよいかも明確になると思います。

[18] mixiユーザー 01月09日 20:08

みんな本当ありがとうございます。

ＷＥＢデザインの基本となるオススメな本があれば、教えて頂けると幸いです。

[19] mixiユーザー 01月09日 21:19

素敵だと思うデザインには、根拠となるものがあるはずです。
漠然とですみません。デザインが良ければそれでいいのではなく、
クライアントを説得する要素があってこそではないでしょうか。

私はなるだけ、色々なデザインの本を読んで、
勿論、技術も含めてweb関係の本を読んでます。
ネットサーフィンをして、行き当たりばったりで見て行くのがとても楽しくて、
でも、素敵だと思うサイトには何かしらの理由があるから素敵だと考えたので、
自分の中で自分なりの結論を出したりしてます。

確かに技術も大事ですが、web以外のデザインを見るのもある意味勉強になります。
真似るのだってとてもいい勉強ですし、真似た後に、自分で何が足りないのか考えるのもまたいいのでは。。。

[20] mixiユーザー 01月09日 21:22

忘れてた……おすすめの本……ないです。
自分に合った本を探すのが一番です。
日本と海外ではデザインの感じも変わってたりするので、
そういったDBを探してみるのも面白いですよ？
脚で探す力、自分の手で探す力、何でも探究心だと思います。

[21] mixiユーザー 01月11日 11:08

サカモさんありがとうございます。

とりあえず、フォントの本を買ってきました。

[23] mixiユーザー 01月13日 14:09

はじめましてっ自分もWEBデザイン勉強中の身で偉そうにはいえませんが…

・様々なジャンル・国のサイトデザインを見て、どこが良いのか悪いのか見て目を肥やしていく
・ただパーツを真似るのではなく、何故このサイズで、何故この色で…っていう風に、「何故なのか？」を考える
・WEBデザインとプログラム（コーディング含）は二つで一つ、どっちもおろそかにしちゃいけないっ

勉強する時はこれらを頭の隅っこで考えて行動してますね(･ω･)

まずWEBデザインの勉強であれば…本を買うより、WEBですしネットサーフィンしたほうがいいと思いますよ。もちろんWEBデザインDBサイトから色々見ていくのが手っ取り早いです(*´∀｀)
あ、でも良いデザインばかり見ても実は良くないかなーっと…悪いと思うまたは言われているデザインを見て、どこが悪いのか・変なのかを考えて自分なりに答えを出していくのも大切だと思います。

私たちが見ているデザインは一応完成されたものですが、そのデザインの舞台裏には様々な「理由」があります。その理由があって今のデザインになっています。デザインを真似る際は只真似るのではなく、何故このサイズになったのか、何故この色になったのかなど「何故なのか？」を考えることが大切だと思います。また、何故こうじゃないといけなかったのか？こんな感じではいけなかったのか？など自分なりに考えることも必要です。
そのためにも様々なサイトを見て目を肥やして、自分の中のデザインの引き出しを多く持たないといけないんじゃないかなーって思います。

最近じゃFlashやJavascript(Ajax)を含むサイトが増えてますが、そういった技術を知っていることでデザインの幅も広がりますよ(゜∀゜)

/**以下余談（読み飛ばしOK）**/

あと、これはどんなデザインにも言えますが、10人中10人が「良いっΣd(ﾟ∀ﾟd)」というデザインを作るのはプロでも難しいと言われてます。デザインはアートとは異なり、自分のルールだけでは作り出せないものだと考えています。そこには、クライアントやユーザーの意向があったり、WEBだからこその規制が入ったりし自分がしたいように行かなかったりです。

自分も様々なデザインを見てきましたが、すんごいプロが作ったからといって決して全て「良い」と思ったわけでもありません。また自分でも色々サイト制作を受け持ちましたが、クライアントの意向により納得いくものが作れなかった時もあります。ですが、そういった規制みたいなものの中で、いかに良いとされるデザインを作るかというのもまた楽しいものですー(*´∀｀)

長々もー本当にすみません。
でも少しでも役立てたらなーって感じです。

[24] mixiユーザー 01月18日 13:52

本当に皆さんお話勉強になります。

いろいろ試して、自分にあったものを探してみます。

[26] mixiユーザー 02月06日 22:47

こんばんは。
私もまだまだ見習いです。今の会社は社員になって一年が立ちました。

私も更新ばかりやってますが（月10サイトほど更新案件をもっています）、それとは別にたまにデザインも含む仕事に取りかかるときはかなり苦しみます。
お客さんからの材料が少ないときは泣きそうになります。
今、一番の勉強が必要だと感じてるのは配色です。上司には汚い！とたびたび言われてしまいます。

こんな私ですがやはり仕事が大好きです。
プライベートが無くてもあんまり気になりません。

長々と書きましたが、オススメの本を。
「現場のプロから学ぶXHTML+CSS」

やはり、Webは紙と違うので構造をしっかり理解しないと必要とされるデザインが出来上がらないと思います。

お互いに頑張りましょう！！

[28] mixiユーザー 02月07日 00:38

初めまして。
Webデザインを勉強されたいとのことですが、すでに他の方も言われている通り、よいデザインの真似をする事が近道です。
しかし、その「よいデザイン」とはどういうことなのか？
私はそこから考えます。

この世の物質は、全てデザインされています。
植物も動物も全てです。
花々に色が付いているのは何故なのか？
それは、自分の子孫の繁栄のために昆虫に気がついてもらい、受粉の手助けをしてもらう為に、他の植物よりも目立つ為だと考えられます。

デザインも同じです。
物には全て意味があるデザインが施されているのです。
「何故自動販売機のボタンは出っ張っているのか？」
「何故注意すべき物には派手な色が付いているのか？」
今あなたの周りの当たり前のものの色形の意味を知ることができれば、自ずとあなたのデザインが見えてくる筈です。

ですので、今後はそう言った考えでいろんなサイトデザインを自分なりに分析して見て、ほんとうに理にかなったデザインのみを取り入れて行っては如何でしょうか。

[30] mixiユーザー 02月07日 08:10

僕はデザイナーでなくディレクターという立場でWeb制作に関わっていますが、僕は正直デザインは二の次で一番大事なのはお客さんがそのサイトを使って何をしたいか、という目的とそれに沿ったコンセプト作り→コンテンツへの反映だと思います。
次に大事なのがユーザビリティ・見やすさ・使いやすさ。そういう意味ではデザインも関わってきますが、ただカッコいいだけのサイト作るだけではだめだと思ってます。

最悪、不恰好であっても目的が明確でわかりやすくてSEOで上位出てれば反響出ますし、反響出て利益回収出来さえすれば、お客さんは満足する場合が多いです。
美容室とかファッション・モデル系、ブランディングがメインのページはそうもいきませんが。

だからあやとさんも自分のサイト作るのならば、ただ単に練習のためだけでなく、自分がそのサイトを通じて誰に・何を伝えたいのか、どんなことを表現したいか、考えてから制作に望めば自ずと必要なもの見えてくると思いますよ。

以前行ったデジハリのWEBデザインの基礎セミナーの先生にオススメ本聞いたら、「WEB検」ってとこが出してる本教えられました。

デザイナーの先生曰く、デザイン＝“カッコいいものを作ること”ではなく、本来の意味は“設計”だ。だから目的を持って考えて作らないとダメだ、と。

話それましたが、参考まで。

[32] mixiユーザー 02月08日 00:58

はじめまして！勉強がんばってください。
デザインのことは他の人たちが言っているので、
違う方面をちょっとだけ。

あなたがデザイナーとして仕事をしていくことになったら、
『なぜこのデザインになったのか。』
『なぜこのレイアウトになったのか。』
『なぜこの掲載要素が必要なのか。』
これらを説明できることが必須となります。
そのためにも、
・情報デザイン（インフォメーションアーキテクチャ）
・ユーザビリティデザイン　
この2つを今のうちから常に意識して勉強すべきだと思います。

感覚ではなく、論理的な思考から導き出したデザインならば
あなたは確固たる自信と信念をもってプレゼンできます。
上司や同僚、そしてクライアントを説得できます。
言われるがまま、納得のいかない修正を繰り返すこともなくなるでしょう。
そして、ユーザーが欲している情報を適切に届けるとこができるんです。

関連書籍としては、
ユーザ中心ウェブサイト戦略仮説検証アプローチによるユーザビリティサイエンスの実践 (単行本)

ペルソナ作って、それからどうするの? ユーザー中心デザインで作るWebサイト (大型本)

Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ

など読んでみてはいかがでしょうか。

[33] mixiユーザー 02月08日 00:58

はじめまして！勉強がんばってください。
デザインのことは他の人たちが言っているので、
違う方面をちょっとだけ。

あなたがデザイナーとして仕事をしていくことになったら、
『なぜこのデザインになったのか。』
『なぜこのレイアウトになったのか。』
『なぜこの掲載要素が必要なのか。』
これらを説明できることが必須となります。
そのためにも、
・情報デザイン（インフォメーションアーキテクチャ）
・ユーザビリティデザイン　
この2つを今のうちから常に意識して勉強すべきだと思います。

感覚ではなく、論理的な思考から導き出したデザインならば
あなたは確固たる自信と信念をもってプレゼンできます。
上司や同僚、そしてクライアントを説得できます。
言われるがまま、納得のいかない修正を繰り返すこともなくなるでしょう。
そして、ユーザーが欲している情報を適切に届けるとこができるんです。

関連書籍としては、
ユーザ中心ウェブサイト戦略仮説検証アプローチによるユーザビリティサイエンスの実践 (単行本)

ペルソナ作って、それからどうするの? ユーザー中心デザインで作るWebサイト (大型本)

Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ

など読んでみてはいかがでしょうか。

[34] mixiユーザー 03月31日 20:40

いろいろ参考にして頂いてます

やはり、この業界はスピードが命ですので、いろいろ自分の引き出しを増やさないといけないと思ってます。

[35] mixiユーザー 04月03日 10:38

＞ぼんたのすけさん
「ペルソナ作って、それからどうするの? ユーザー中心デザインで作るWebサイト」
Amazonでさーっと見たところ良さそうな本ですね！
自分がふだん心掛けようとしていることを、さらに詳しくまとめてくれている感じがします。
近いうちに購入して、デザインの考え方を整理しようと思います。

[36] mixiユーザー 04月04日 10:09

本屋にどんな物か見に行ってきます

デザインの基本となる本を探してるんですがどれがいいか解らなくて。

どれぐらいのマ－ジンがいいのかとか、文字を読みやすくするにはどうすればいいかと、いろいろ
基本を覚えていきたいです。

まだオススメの本があれば教えて頂けたら嬉しいです

ログインすると、残り10件のコメントが見れるよ

最初
全て
最新の40件

1

Webデザインコミュの勉強方法

Webデザイン更新情報

最新のトピック

最新のイベント

最新のアンケート

Webデザインのメンバーはこんなコミュニティにも参加しています