ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

Webデザインコミュのご指導お願いします

  • mixiチェック
  • このエントリーをはてなブックマークに追加

はじめてパソコンでの
HP作成をしてみました
しかしソースを打ち直したり
なかなかうまくいかず
やっと出来たのですが
自分では良し悪しも
いまいちわからず...
なので是非みなさんの
ご意見や感想 指摘などを
聞かせていただきたいです

率直な意見でいいので
お願いします
(Webデザイナーなどデザイナー関係の仕事に就きたいと夢みています)
http://music.geocities.jp/mechifura/

コメント(62)

tomoさん
こんな状態のものを評価して
いただけてうれしいです
ひとりでは何がいいのやらで

javascriptなどもやっぱりいれた
ほうがいいのかなと...。

ほんとに創ってる間の時間は
楽しくてたまりませんよね

こんな良い経験をさせていただけて
なきそうです。
ありがとうございます
MAIORKさん
なるほどアシスタントですか
なんだか難しそうですが
さがしてみます!!

やる気しかないですが

ありがとうございます
きのぴおさん

お褒めいただきありがとうございます!!
まだ武器が無いので
武器をさがしてみます

たまに常識はずれなところがある
らしいのできをつけます
ありがとうございます!
あつ♪さん

まだ知り合いのロゴなどしか
創ったことが無いので
要望に関しては不安が
いっぱいですが楽しみでもあって
何が言いたいかとゆうと...
楽しみですw

いろいろなものを創って
センスを磨ければいいのですが...。
努力しかないですよね

ありがとうございます
まっちゃん!さん
暖かいご意見ありがとうございます!
ほんとにPhotoshopなどは
まったく手をつけたことがないので
挑戦していきます
ありがとうございます
|・ェ・) どんどん楽しんでいじったら良いんだべさ。
今のWebデザイナーは、SEOだぁ、黄金比だぁ、Web標準だぁって、楽しんでサイトを作るって事はしてないと思うから。
いろんなサイトをみて、ソースをみて、勉強です。
難しい事なんて考えずに、ファイト、ファイト!
kakeruさん

確かにまだまだ技術もセンスも
持っていないので
仕事は難しいですよね
でも若さだけがとりえなので!w

サイトまではっていただいて...
真似できるだけの技術をはやく
身につけないとです!!

ありがとうございます
SIGUさん
人間もサイトも
第一印象がだいじなんですね!
視覚で何か感じてもらえる
そんなページをいつか
創れるようがんばります!

最後の「何を使うか」ではなく「何を作るか」
かなりジーンとしてしまいました。
私なりの道具で私らしいものを
いつかちゃんと表現できるよう
腕をみがきます!

ありがとうございます
せんちゃんさん
ありがとうございます
いまは楽しんでいるでけの
自己満なので自己満に
ならないようがんばります!
コメント アドバイスを
してくださった皆様

まずほんとに大切なことを
たくさん教えていただきました。
やさしく暖かいアドバイスを
無駄にしないよう
自分の精一杯で頑張ります。

至らない点ばかりのサイトに
本当にありがとうございます!!

またサイトを変えたらお知らせするので
また見てアドバイスいただけるとうれしいです
自分なりに構成やTOPへの
リンクなど皆さんにおしえて
頂いたことを少しですが
踏まえて作り直してきました
まだcssやサーバーのことやら
改善しきれていませんが...。
よかったらまたご指導
おねがいします。
urlはそのままです。
CSS覚えるくらいならFlash覚えればいいのに。
今、ミクシイアプリとかでFlash使ったゲームとか流行っているので、ActionScript3.0打てる人がいなくていっつも話が来る。(実は僕も3.0はわからんけどw)
> 青木隆志さん
フラッシュですか!!
なるほど需要が
多いんですね

調べてみます!
技術にも主張にも偏らずユーザーサイドに優しい、ぎずも@ほにょにょ君さんの感性が活かされたものに出来上がるといいですね^^
因みに以前はこんなサイトを目指したりしてました♪ 個人的な好みなので参考まで。

中村勇吾氏 Webデザイナー
こんなこともできますよというプロモーションサイトですね。
左上のSemi-automaticを選んで画面の白いところを左クリックして遊べます。
http://www.yugop.com/

SOULHEAD
個人的に好きなDuoです。
http://www.soulhead.net/
> TLTさん
中村さんのサイト
みてきました
おもしろいですね!

頑張って自分らしい
ものをつくります!
HTMLのソースを作る部分と、
画像を作る部分を切り分けてスキルアップさせた方が
総合的なクオリティの向上が図りやすいかも?

HTMLに関しては、既存のページ(Yahoo!のTOPページとかでOK)と
同じものをまず作ってみる、あたりから始めると
流れとか学ばなければ実現できないスキルだとかが
見えてくるんじゃないかな〜と思います。
ソースをコピーして画像を差し替えてみたり、
数値いじって挙動を確かめてみたり、
そーいうことの積み重ねで徐々にスキルはついていくはずなので
楽しみながらいじくりまわしてみてください(^^
> 帝さん
ありがとうございます

いろんなサイトの
ソースを自分で考えて
同じものを作れるようにって
ことですね!
(違ったらすいません)
確かに為になりそうなので
やってみます
ありがとうございます
リニューアルしたサイト見ました。

あらたなイメージになりましたねわーい(嬉しい顔)
粗さはありますが、斬新でいいです。

画像が粗いのは、ソフトがよくないのかな?
何使ってるんですか?

それと、デザイン料は、取ったほうがいいですよ。
でなければ、ひやかしとか一杯来て、本当に依頼したい
人が分からなくなります。

「価格は相談の上、決めたいと思います。」くらいがいいのでは。
手間によりますが、初めは、5000円くらいから始めては
いかがでしょうか?(ホームページには、価格はかかなくても
いいですが、自分のこころづもりとしては、決めておく)
↑追伸(訂正)

 5000円くらいと書いたのは、ロゴの価格です。
 ホームページは、もっと必要ですね^_^;

 訂正しますm(__)m
> あつ♪さん
見てくださって
ありがとうございます!

ソフトは備え付けの
ペイントとフリーの
azペイント?とゆうのを
使っています

まだお金が無く
いいものが買えなくてω・`

冷やかしですか!!
そんなのあるんですね...

とりあえず料金は
要相談にしておきます

ありがとうございます
photoshopよりも機能が落ちる(らしい)けど、フリーソフトでけっこう有名なソフトで「GIMP」っていうのがありますよ。本屋の専門書のところにもおいてあります。
photoshop並の機能があるんでうれしいかも。

下にURL貼るんで、よかったら見てください。
最初は慣れが必要だと思うのでチュートリアルとか探してみるといいっすよ〜。

URL:http://ja.wikipedia.org/wiki/GIMP
↑(追記)
常に楽しみながら作るといいですよ〜、最初はマネでもいいので。
CSSでもデザインでもね。

サイト見て気になったのは、「デザイン制作」のページの文章の色を変えたほうがいいですね。
見出し(+logo sticker制作+)と説明文章(要相談:500円程度)は色を別にしたほうが見やすいかも。
ユーザ目線だと一目で何がメインなのかが分からないかもね。
でも色は難しいので、これから学んでいけばいいですよ!

Webデザイナー目指すならAjaxも学んでおいて損は無いですよ〜。
頑張ってください!
GIMPは使ったこと無いけどクオリティー高い物作れるって聞いた気がします。
チュートリアルは海外のサイトとか参考にすると良いかも。
和訳大変だけど見てたら自分でもできる!様な気がしてきます。

例えば↓の様な。検索は GIMP tutorial beautiful とか適当にやると良さ気。
http://gimp-tutorials.net/Parrot_Photo_Manipulation_in_Gimp

Photoshopの綺麗な画像のチュートリアルも大概英語じゃないですかね。
フォント選びと文字組にもう少し力を入れてデザインしてみるだけでも
随分、印象が変わると思いますよ。

WEBデザインは色々と技術的な部分に走ってしまいがちですが、
デザインの基本はタイポグラフィとレイアウトかと思います。

WEBでは文字組なんかは軽視されがちですが、
フォントの選択と文字組、レイアウトがしっかりしていれば、
奇抜で斬新なアイデアでなくとも、案外素敵なデザインになるもんです。

締約国会議COP15のHPなんかがいい例かも
http://en.cop15.dk/

まずは「ikesai.com」等で格好良いサイトを参考にPhotoshop等で
デザインラフをたくさん作ってみるのがよいかと思います。
コーディングスキルはあくまでウェブ化の手段にすぎません。
CSSやHTMLは、その気になれば3日もあれば基本的なことは覚えれますし。

なにはともあれ、「勉強したい」というそのやる気が一番です!
がんばってください!!!!
> kojiさん
ありがとうございます
GIMPですか!!
フリーでもいいソフトって
たくさんあるんですね

いろいろ探してみます
ありがとうございます
> kojiさん
ありがとうございます
まだなかなか
見る人側の目線が
難しいです...

これからたくさん
勉強しないとですね!!

ありがとうございます
> KABAさん

英語ですかっ!!
前に外国のフリーソフト
ダウンロードしたけど
翻訳できず断念←

今度は粘ってみます...
ありがとうございます
> Yoshiさん
字体なども大事なんですね
やはりフラッシュなどの
画像のほうにばかり
目がいってしまいなかなか
字のことまで
考えてませんでしたあせあせ(飛び散る汗)

なるほど気をつけます!
ありがとうございます
う〜わ〜……って感じですね。

ひさびさにテーブルレイアウト(?)を見ましたよ。
まだ、人に見せるレベルって感じじゃないですね。

まずはギャラリーサイトを見て、どんなデザインがいいのかそれを見た方がいいと思います。
それから、html、cssについて勉強する。

今はまだ、テーブル作って、画像とテキストパコパコ貼っている感じだったので、そうじゃないんだよってことを知るとよいのではと思います。

firefoxでは崩れてましたしね。

htmlでは文章やコードの意味を、cssでは見た目を意識しましょう。職場で以前耳タコができるほど言われました。
って、わたしも長い間忘れていたんですけどね。

これを見て、教わったことを思い出してみようかと思いました。
> ミスターブシドーさん
テーブル駄目ですかー
いまある知識のみで
あれが精一杯で...

cssをはやく覚えないと
いけないですね台風

ありがとうございます
私も、5年前までは、背景に画像を敷くのもどうすればいいか解らない位の知識しかありませんでした。
今は、フリーランスで仕事をしています。

ホントに好きだな!
頑張りたいな!

という気持ちがあるのなら、1年くらいガッツリ勉強すれば、それなりのものができるようになるかと思います。

まずは、プロの作ったものと自分が作ったもののどこが違うのか分析すること。
初めはプロの方が作ったものでなくても、アマチュアだけど、カッコイイデザインしてる方のでもいいかな?と思います。

ネット上には、沢山の先輩方がいらっしゃいます。追いつけ!追い越せ!!で頑張ってみてください。

htmlとcssが身に着けば、ぎずも@ほにょにょ君さんのオリジナリティ溢れるデザインも、もっともっと活かせるのではないでしょうか??


知識習得は焦っても仕方ありませんので、まずは、正しい知識を身につけていってください。
> くろろじさん

ありがとうございます

cssを覚えればテーブルは
なかなか使わないんですね
テーブルにばかり
頼っているところが
あるので不安ですが
頑張って覚えます!!

web系の雑誌ですか
あれも役にたつんですね←
おじさんが立ち読みしてた
ので立ち読み出来なかった..
いまよんでもまだ
わからないと思うので
cssとタグを理解したら
買いに行きます

Azペイント使いやすいですよね
しかし技術を上げるには
難しいソフトも勉強
しないといけないんですね
GIMP...勉強します

ほんとにいろいろと
ありがとうございます
> みどりさん
ありがとうございます

やはりhtmlやcssは
文字だらけでややこしいです
なかなか理解力のない
人間なのですが
頑張って何回もやって
慣れて使いこなすまで
しないといけないんですよね

またやる気でました!!

ありがとうございます
独学?でここまでやるなんて凄いですね。
ぼくの最初に作ったページなんて、、、、

デザインはとても個性があって凄いと思います。
htmlファイルをカテゴリ(階層)で分けたりすると更新とか自分で管理しやすくなると思いますよ。

yahooの広告邪魔ですねたらーっ(汗)

web標準と言うのがあるみたいなので頑張って下さいがまん顔
> そらねこさん
成長出来るよう
がんばります!!

いまは楽しいので
頑張れます

ありがとうございます
デザインやCSSも大切ですが、HTMLの冒頭に記述するべき宣言がなかったり、まだタグの意味合いがわかってないのかな?と改善すべき箇所はかなりあると思います。

先々を考えるならHTML5/CSS3を考慮したサイト作りを心掛ける方が良いかなと。
参考サイト(HTML5)http://www.html5.jp/

タグにも意味があるので意味を正しくとらえて記述し、その内容に合わせてレイアウト(CSS)を組むって感じで私は作業してます(15年近くWebの仕事をしていますが、進化が早いので追いつくのが大変ですが)。

HTML/CSSを使う前に理解する。
こちらの書籍が勉強になります。2005年発行なので現在とのズレもあるけど、まだ対応してますね。自分の中の基準を作る上でも読むと考え方が変わる1冊でした。
http://www.amazon.co.jp/Web%E6%A8%99%E6%BA%96%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8%E2%80%95XHTML%E3%81%A8CSS%E3%81%A7%E3%81%A4%E3%81%8F%E3%82%8B%E2%80%9C%E6%AD%A3%E3%81%97%E3%81%84%E2%80%9DWeb%E3%82%B5%E3%82%A4%E3%83%88-%E7%9B%8A%E5%AD%90-%E8%B2%B4%E5%AF%9B/dp/4798010928/ref=sr_1_2?ie=UTF8&s=books&qid=1261122169&sr=1-2

先にも記しましたが、CSSは日々進化しているため必ずしもこれが正解と言う物ではないなぁと感じてます。「生き物」だから面白いって気もします。

Webで仕事をするなら、OS/ブラウザ各種バージョンでのチェックも必要になります。自分が正しく見えていてもバージョンによってはレイアウトが崩れるので怖い部分です。

作業環境も重要視するべき箇所です。
熱意のある方だとあっという間に習得してしまう人も居るし頑張って下さい。

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

mixiユーザー
ログインしてコメントしよう!

Webデザイン 更新情報

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

星印の数は、共通して参加しているメンバーが多いほど増えます。