WEBデザインのセンスがなくて困っている

1 ：2012/12/28 〜 最終レス ：2013/02/05

サイトのメニューボタンの画像だとかヘッダー画像の加工だとか配色だとか見出し画像とかWEBデザインのセンスがないから制作が進まなくて困ってるんだけどいい方法はないかな？
worpressはある程度理解してるからテンプレ使う手もあるけど、オリジナルのレイアウトにするには結局はデザインセンスだし
ホームページビルダーで素材だけ頼る手もあるけどボタン素材とかダサいし。
俺がHP作るとどうしてもテキストベースの見栄えのない覚え書きみたいなサイトになるんだ。
使ってるのはDreamweaver/秀丸/サクラエディタがメイン。
フォトショやイラレとか画像加工は大の苦手。Fireworksでさえかっこいいオシャレな素材作れない。
シンプルでダイナミックなデザインにしたい。

2 ：

要するに絵心センスがないからテンプレに頼った方がいいかな？って話しです。
ネットで無料の素材を一つ一つ見て回るよりもテンプレ集や素材が収録されたCD/DVDを買った方が早いのかな？
オススメもあれば教えてください。

3 ：

趣味ならテンプレに頼ればいいんじゃね？
仕事ならデザイナーに外注に出すしか無いと思うけど。

4 ：

プロの人って何度も試行錯誤してますか？

5 ：

試行錯誤しないでプロになれる職業って逆に限られると思うけど。

6 ：

ものづくりではあるけど師匠的な存在も居ないしなぁ

7 ：

>>3
趣味でやってはいるんですが、その流れで個人で納品したりしてきたんですよ。たまに。
でもデザインが自分としてはひどくて。客のデザイン要求がないようなレベルの客だったので助かっているけど、サイトデザインがしょぼすぎて。。。

8 ：

いろいろサイトを巡回して
よさげなとこをパk...　参考にする

9 ：

よさげなサイト教えてくれ

10 ：

xhtml+cssのデザインサイトは多々あるあるけど
それに加えて素材作り(デザイン)の練習を一緒にやりなが、サイト制作を解説しているサイトがないね。

11 ：

マージン関係で注意されます。
心で素人ふぜいがだまれと思うんですが
勉強できる本やサイトありますか？

12 ：

デザインはコーディングと違い９割方持って生まれたもんだから勉強してもヘタな奴ヘタ
強いて言うなら自分がいいなと思うサイトをまずはパクることからはじめればいいと思う
ちなみに俺の基本ミニマルプラスアップルのパクリだが蔵には結構誉められるｗ

13 ：

>>12
ミニマルプラスアップルってなに？

14 ：

とりあえずデザインしたのみせて

15 ：

パクルっていうのは、id名とかclass名も同じままでいいでしょうか？
例えば、hpb_とかで始まっているのはそのまま同じような名前使ってていいのかな。
たくさんあるので、cssまで含めて変更するのはつらいから。

16 ：

いいですよ

17 ：

>>13端折りすぎたか
ミニマルはググレ
アップルはアップルのサイトね
あえて空間に余裕を持たせ、モノトーンベースのシンプルなサイトの方が結果としてウケがいいってこと
ま、特にサイト作るのが初めての蔵はあれもこれも詰めたがるからそれをまずはなだめるのが一番厄介だがｗ

18 ：

日本のサイトは、基本的にデザインセンスのないダサいのばかりだから
海外のサイトを参考にすると良いよ、おかげでセンスが付いたし
周りからはレベル上がった？といわれるようになった
日本なんてWeb制作会社自体がデザインセンスがないのとか
すげーショボいのばかりだからなw 俺なら依頼しないで
自分で作るわ

19 ：

もうデザイン無料だからテキストベースのコンテンツ重視な画像ほぼ無しサイトでもいいよね？
ウェブサイトに重要なのは中身だよね。
メニューも全部テキストリンクにしよう。

20 ：

無料×→無理○

21 ：

>>19逆
一般の会社や店のサイトなら中身スカスカでもデザインが綺麗だと蔵には喜ばれる

学術的なサイトなら中身重視でもいいだろうが

22 ：

>>19
画像とか使わない方がセンス良くまとめるのむずかしい

23 ：

自分の思い通りの画像を作れる能力があれば、センスのあるサイトは後からついてくるということですかね

24 ：

創価諸君よ！
田浦本部横須賀桜山支部の偉大なる男子部
高橋裕之氏が1月10日と1月31日に宝くじ1等・前後賞が当たるように
また女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く
祈りを毎日30分しっかりと高橋裕之氏に題目を送って行こうではありませんか！
特に飯田一家・柏崎まさかつ・徳永一家・宗像一家・尾崎一家・土井一家･尾島一家・横須賀総県創価学会員は喜んで祈るに祈っていこうではありませんか！
また女子部は何が起きても疑うことなく高橋裕之氏について行きなさい
いいね！

25 ：

>>23極論を言えばそう
所詮サイトを見るのはＷＥＢ制作と縁のない一般人ばかり
一般人はパッと見て綺麗で見やすいサイトを好む
俺は使わんがビルダーみたいな簡易サイト作成ソフトで作ったサイトだとしても画像やマージンの使い方などがすぐれていればそれで事足りる
だいたいデザインがヘタな奴ってあれもこれも詰め込むような人が多い
もったいないと思ってもあれもこれも詰め込まず、行間を少し多めに取り（内容にもよるがラインヘイトを1.8ぐらいがいい感じ）、画像もシンプルなものに仕上げるだけでガラリとイメージは変わる

26 ：

ラインヘイト（）

27 ：

>>25
>マージンの使い方などがすぐれていれば
これはラインヘイトを1.8ぐらいにすれば達成できるのでしょうか？
画像は努力が必要だけど、マージンの使い方はなんとか習得できそうです。

28 ：

達成できますよ

29 ：

1.8はpxでしょうか

30 ：

単位はつけないのが正解です

31 ：

ラインハイト1.8で作られたサイトをいつもctrl +で拡大して見ています。

32 ：

画像加工のセンスがないやつが見栄えのあるWEBサイトつくるにはどうすればいい？
JqueryやらCSSはわかるんだけどな。
とにかく画像処理が苦手

33 ：

>>32
ズルいデザインテクニック
https://speakerdeck.com/ken_c_lo/zurui-design

34 ：

>>33
それは、俺には高度すぎるテクニックですね。
俺が良くわからないのは、色の組み合わせです。
前面と背景の色の組み合わせです。
例えば、緑の背景の白の文字とか

35 ：

>>34
適当なカラースキーム（配色）を提案してくれるソフトがある。
そういうのを使ってみれば。
こんなのとか。
http://colorschemedesigner.com/

36 ：

「くまモン　ネットイジメ」で検索しちゃダメだよ！ゼッタイにダメだからね！

37 ：

基本モノクロで作ってそこにさし色を一色だけ使うようにすると
なんとなくいいかんじになるよ。

38 ：

ttp://www.rupan.net/uploader/download/1357794892.jpg

39 ：

素人の自分が作ったからデザインが終わっちゃってるから
ということでリニューアルしたいと仕事情報に上がっていたサイトが
http://www.cloudlabo.net/　です。
デザインセンスのない自分からすると、
決定的にダサいと言えるのは、（残りは優れていると言う訳ではなく普通なのではと思う）
・ロゴ
・ヘッダー
・ボーダー
くらいじゃないかなと思うのだけれども、プロの目から見るとどこが駄目？

40 ：

レイアウト、マージン、行間、フォントサイズとありとあらゆるところが厳しいかも
下部の緑と青もぶつかり気味だし。
でもちょっとした改善で逆に良いサイトになる可能性が大いにありそう

41 ：

行間プロパティなんてないよ

42 ：

ラインハイト。

43 ：

>レイアウト、マージン、行間、フォントサイズ
こういうのって、個人の好みではないの？
普遍的に皆が美しく感じる物があるのなら、制作ツールに組み込まれているはずだと思うし。

44 ：

それが本当に個人の好みに依存するものだとしたら
デザイナー職なんて存在しないはずだよ。
中には感覚が大幅にずれてる人ももちろんいるけど
（#000の小さい文字でビッチリ書いてある方が見やすいと感じる人とか）
多くの人が見やすいと思えるレイアウト、マージン、行間、フォントサイズ
っていうのはある程度決まっています。
とりあえず>>39のサイトはデザイン上あり得ない。

45 ：

デザインセンスが無い人の共通点は
悪デザインのものを見てもどこが悪いのかわからない。
あとは「書いてある中身が大事」が「デザインなんて付随的なものだから
重要度は低い」と考えがち。
「書いてある中身が大事」だからその中身をきちんと伝えるには
どういうデザインにしたらいいだろうか？と考えるのがデザイナーの仕事。

46 ：

マージン開けて統一
これだけでましになるんじゃね

47 ：

ロゴがダサい

48 ：

>多くの人が見やすいと思えるレイアウト、マージン、行間、フォントサイズ
>っていうのはある程度決まっています。
これは参考になるというサイトを教えてもらえますか？
審美眼を鍛えなきゃ。

49 ：

http://blog.we-boxes.com/design/web-design-12-tips/
こういうの意識するだけで素人だろうが何だろうがそこそこのもんは出来る
webデザインなんて企業HP以外は無理に洒落た感じにする必要なんてないし誰でも出来るよ

50 ：

>>39
そのサイトはレイアウトよく出来てると思う。CMSで作ったの？
それとも一から全部ソース手書き？

51 ：

センスのいいヘッダーとかバナーの作り方で参考にしているサイトとかあります？

52 ：

センスは磨くもの
日常にあるすべてのデザインに対して、ただ良いと思うだけで通りすぎず
なぜ良いと思わされたのかを真剣に考えて生きていかなければ
どんどんナマクラになっていきます
「かわいー！」は卒業してください
あなたは「かわいー！」と言わせる側の人間です

って先生が言ってた

53 ：

まずね、ヘッダーとかバナーとか部品一個一個をそれぞれカッコ良く作れたとしても
全体を通してデザインしなかったら
やっぱりダサい素人デザインにしかならんよ。
ヘッダだけデザインしようっていうのがわからん。

54 ：

プログラマーの俺にはこのスレ本当に参考になるわ
スクールのWebデザイン講座って
DreamWeaverの使い方とかPhotoshopの使い方とか、
そうじゃねーだろっていつも思ってた

55 ：

>>54君のこと馬鹿にするわけじゃないがプログラマ系の人って概してデザインがヘタだよね

56 ：

技術寄りだがデザインもよく褒められる俺は恵まれてるんだなー

57 ：

技術自慢するPHPerの迷惑度は異常

58 ：

>>55君のことばかにするわけじゃないがデザイナ系の人って概して寿司握るのがヘタだよね
冗談はさておき、デザインが売れるレベルで出来たら
もっと違う道を歩んでいたかも知れんなー

59 ：

おれもプログラマーなんだけどWEBデザイン全く駄目だわ。
プログラムのテキスト処理ロジックに色や形状などは関係ないからね。
どんな色がイメージに合うとかマスクかけるとかそういう美的センスがないし思いつかない。
いわゆるクリエーターとかコーディネーターとか呼ばれる職種は一切向いてない。

60 ：

>>60
テンプレ使えばいいだけじゃ

61 ：

テンプレにあてはまらんようなサイト構造もあるわけで

62 ：

まず、デザイン続けるならフォントを買った方がいいね。
ロゴは濃い緑にしてシンプルに。
格安な〜は、下の画像に載せた方がいいのでは。
メインの画像は文字のバランス。
「で」や「を」を小さくして調整したり、空きスペースを意識させないように配置。
背景が使いにくそうなので、なにか別の1枚絵に変えてみるとか。
あとはみんな言ってるようにしっかりマージンをとること。
これだけで結構変わるんジャマイカ。

63 ：

>>61
テンプレに当てはまるサイトはテンプレ使い、
当てはまらないサイトは別途検討すれば？
って言ってることくらい解釈してよと

64 ：

テンプレって何か企業っぽいサイトとか向けのばっかじゃん

65 ：

>>64
何が作りたいの？

66 ：

海外のサイト見るといいよ

67 ：

アップルとか楽天をトレースしたらいいんでしょうか？

68 ：

楽天は止めとけｗ

69 ：

webデザインっていうかWebを使って何ができるかが重要じゃないかな？
商品が買いやすい仕組み作りを重視するとか、SNS作ってその先にあるビジネスを考えるとか。
なのでデザインよりも中身

70 ：

マージンがわかりません
均等にとるやボトムを多くとるはなんとかなんですが、トップをとる場合意味がわかりまてん

71 ：

>>70
あんたが何を知りたいかがわかりまてん
トップは上の余白だけど。
上に他の要素があればそのボトムと相殺されて大きい方が採用されますが。

72 ：

ボックスモデルでググって2〜3時間勉強すれば理解が出来なくて嵌るってことはほとんど無くなる

73 ：

かっこいいと思うサイトを最近見かけましたか？

74 ：

見ても参考にはならんようなサイトばっか

75 ：

読み物系のサイトってどんなデザインにしたらいいんだろ
小説とかの長文を読ませるサイトなんだけど
よそのサイト見て、いいデザインだなーと思ってもコンテンツ自体は読み辛くて参考にならんことが多い

76 ：

ようやく パンくずリストの作り方が理解出来たぞ！

77 ：

>>39
亀だが、衝撃のダサさ
このクオリティで納品されても金払わない

78 ：

>>77
ロゴとか画像って客が準備したものを使うだけなんじゃないの？
きちんとした物をもらえば、それなりのサイトになるのでは？

79 ：

>>78
客が支給してくれないからダサい画像にしましたって言ってんの？

80 ：

なんかもうみんな色々Rク言い過ぎw
ようはさ、制作側はプロ意識あるからデザインにこだわりまくるけど、結局は客がそれでいいよありがとうって言えばそれでいいんだよ。
こっちが頭悩ましてこだわりまくって悩んでたが案外客は何も考えてなかったり、
自分では全然デザインセンスのないと思うヘッダー画像作ってやって不満言われるかな？と思いながら見せたら、おお！ありがとう！
って言われるくらいだし。
つまり客次第。案外レベルの低い何も考えていない客が多いという事実がわかった。

81 ：

>>80
Rまで読んで諦めた

82 ：

>>79
そんなことは誰も言ってないが。
常識で考えたらダサい画像をわざわざ選ぶわけないだろ。

83 ：

和のデザインを追及しようと思って居ます。
センスのいいHPはありませんか？

84 ：

ウェブサイトで重要なのはコンテンツである。テキストの中身である
デザインではない

85 ：

>>82
あーそういう事か。勘違いしてたわ。客が支給した画像が既にダサかったって事ね。
それ抜きにしてもダサいけどなw

86 ：

>>84
両立させればいいだろ

87 ：

細々スレから来ました。
俺もデザイン力がなくて困っているんで
どうしたら良くなるか誰かアドバイスください。
批評を受けて改善していくので
>>1の学習のたたき台になれればと。
http://iup.2ch-library.com/i/i0837220-1359180171.jpg

88 ：

ちなみに、これ↓が↑の修正前。
http://iup.2ch-library.com/i/i0836857-1359137438.jpg
細々スレで
・黄金比率を意識しろ
・メインのタイトル（店の名前？）をもうちょっとなんとか
・角はRかけるのかかけないのか統一
・ベタだったりドロップシャドウだったりが良くない
といったアドバイスを受けて直してみました。

89 ：

あ、あとマージンを前ver.より広めにとりました。

90 ：

亀レスだが
>>4
一般の人が想像するよりもぜんぜん長い時間かけている。
プログラム作るのがタイヘンなように
デザイン作るのもタイヘンなんだよ。

>>12
勉強すればだれでもある程度はできるようになる
ただ、思っているより勉強に時間と手間がかかるってだけ。

91 ：

>>88
素人からの意見です。
・トータル的な色のバランスは修正前の方がいいように感じる。
・フォントがWindows標準フォントって感じでインパクトがない。特に紫バナーのテキスト
デザインの先生方に質問です。
バナーの色、上からエンジ、バイオレット、レッドなんですが、
色の組み合わせの法則的にはどうなんでしょうか？

92 ：

あちこち調整しました。
http://iup.2ch-library.com/i/i0837355-1359192128.jpg
フォントはメイリオを初めて使ってみたんだが
こちらでも細々スレでも不評だったんで変えました。
色も若干調整しました。
気になる点があったらアドバイスお願いします。

93 ：

すみません、こっちです
http://iup.2ch-library.com/r/i0837362-1359192610.jpg

94 ：

削除されています

95 ：

まちがえた。こっちです
http://iup.2ch-library.com/i/i0837362-1359192610.jpg

96 ：

写真順番に貼ってくれないともう何がなんだが

97 ：

>>95
強いていうなら
・ロゴのフォントが安っぽい
・左カラムの素材の存在意義が不明
・クーポンをもっと強調した方がいい
素材で洒落た感じを出したいだけならここまで幅と高さ取る必要は無いと思う
客の要望ならしゃあないが

98 ：

あとグローバルヘッダを透過処理した方がいい感じになるかもしれんね

99 ：

>>95
グローバルナビのボタンの文字
細いのはいいと思うんですが
細すぎてかすれてるので
もう一段階太いやつを使ったほうが良いかと思います…
あとグローバルナビだけ全く作りこんでないですが
なぜなんでしょう
背景をいろいろいじるよりも
グローバルナビのデザインをもう少し作りこんだほうが良いと思うのですが
質感をあたえるのか、アクセント的な要素を加えるのか
それはお任せしますが…
まあ言うのは簡単です
ここまで色々努力してる方をみると
自分も励みになります
がんばってください

100read 1read

1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲

ID for WebLiFEでフラッシュHPを作ろう☆ (446)
ロボット型検索エンジン５ (794)
◆ おいお前ら、HNはどうしてますか？ ◆ (544)
ナノで携帯サイトを作ってる人★５ (498)
【SEO】Google対策 パート24【Google】 (749)
ホームページNinja 総合スレ【スーパー全自動】 (253)
--log9.info------------------
ｴｲﾍﾞｯｸｽがﾏｲｱﾋ“のまネコグッズ”通販開始２ (838)
無料フラッシュ作成ソフトをかき集めるスレ (432)
【無様・滑稽】のまねこ問題2【モナー信者達w】 (318)
コーヒー飲んだらａｇｅるスレｉｎＦＬＡＳＨ板 (476)
IDに「swf」「flash」が出るまでage続けるスレ92 (261)
エヴァンゲリオンのＦＬＡＳＨ (449)
★★★かっこいいフラッシュを紹介するスレ★★★ (771)
【TD】 Bloons Tower Defense 5 Rank16【BTD5】 (568)
UD→BOINC：難病解析プロジェクト@swf 19Ligands (203)
【AS】ActionScript技術交換スレ Part4 (788)
【11keyも】ダンシング☆おにぎり【7ikeyも】 2 (614)
【対戦】 Bloons TD Battles　2バトル目【BTD5】 (370)
☆スレッド案内＆スレ立て相談所@FLASH板☆ (676)
　　◇◇　FLASH MX　高すぎpart2　◇◇　　 (874)
:...............C o o l 2 ................: (418)
日立製作所（笑） (726)
--log55.com------------------
アベンジャーズ AVENGERS マーベル・シネマティック・ユニバース MCU 344
キングダム part.40
キングダム part.41
アベンジャーズ AVENGERS マーベル・シネマティック・ユニバース MCU 345
James Bond - 062/8シリーズ「イオンプロ」
キングダム part.42
ボヘミアン・ラプソディ Bohemian Rhapsody 90
アベンジャーズ AVENGERS マーベル・シネマティック・ユニバース MCU 346