webデザインの学習

1Name_Not_Found2005/09/02(金) 21:47:13ID:UwkX+irX
専門学校に行くと50万はするよね。
独学だと限界あるしどうすれば・・。

198Name_Not_Found2011/08/16(火) 20:15:23.05ID:???

199Name_Not_Found2011/08/16(火) 22:10:43.92ID:???
三段オチかよ

200Name_Not_Found2011/08/16(火) 22:13:49.50ID:???
HTMLやCSSはネット上に情報があるから本の必要性を感じない
手本も沢山ある

201Name_Not_Found2011/08/17(水) 01:39:46.20ID:???
辞書は便利だよ

202Name_Not_Found2011/08/17(水) 01:48:35.58ID:???
実践的なweb制作には使えないけど、
独学で知識が偏ってたり、会社にwebについて聞ける人がいないなら、
「WEBデザイン・フォーラム」ってのが、広く浅くQ&A形式で分かりやすいかも。
本屋で立ち読みして、自分に足りない知識がたくさん載ってる、と思ったら購入をおすすめするよ。

203Name_Not_Found2012/05/25(金) 17:56:19.64ID:9FJ9OZAb
良いと思ったサイトをfirebugとかで調べてどういう作りしてるか調べるだけで捗るよな

204Name_Not_Found2012/06/03(日) 20:19:18.77ID:???
XHTML/CSS/Javascript/Jquery/PHP
は全体的に出来きます。
プログラミング(処理系)は分かるのですが
WEBデザイン(画像処理)のセンスがないためテキストベースのWEBサイトになりがちでかなり悩んでいます。
業務系WEBアプリケーションであれば
所詮枠線をつけたり背景色を指定するくらいですが
法人、個人商店様のWEBサイト制作になると見せ方(画像)がかなり必要になるので
WEBデザインがうまくできません。
色々なサイトを参考に真似して作る努力はしてますがそれでも画像処理が下手なのでうまくなるコツはありますか?

205Name_Not_Found2012/06/03(日) 21:58:08.53ID:???
>>204
色関係の本が一冊あると便利
本屋でwebデザ関係の所に置いてるよ

若い女性向けなら今流行のシャーベットカラー、だのは
服飾や化粧品売り場が参考になるけど、男性ならば難しいかも
流行色なんかは通販カタログ等でチェックしてみるとか

206Name_Not_Found2012/06/03(日) 22:34:33.90ID:???
>>205
ありがとうございます
自分は男性です。
WEBデザインの色見本は買ってます。
色で悩みますが、それよりもどんな絵を書けばいいのか
画像デザインが浮かんできません。
フォトショやイラレでの画像加工センスがどうもないので困ります。

207Name_Not_Found2012/06/03(日) 23:50:43.59ID:???
>>206
コンセプトが固まってないのでは?
万人向けにすると、(これからなら)マリン色のテキストサイトになってしまうのでw

女性向けなら紫陽花のような小花を散らしたり
企業向けなら伸び行く若葉や青々とした緑で統一したり
商店向けなら(業種によるけど)蛙やてんとう虫をデフォルメしてみたり

〜向け、を決めたら季節物と流行の2、3色でまとめると、それなりになるとは思うよ
フォトショやイラレをお持ちなら、素材集を頼るのも良いかも

208Name_Not_Found2012/06/04(月) 00:19:38.53ID:???
>>207
なるほどです。
コンセプトを絵にする•••WEBデザインは難しいなー
プログラミングが出来てもデザインが出来ないのはWEB業界きついのかな

209Name_Not_Found2012/06/04(月) 21:03:40.44ID:???
>>208
> XHTML/CSS/Javascript/Jquery/PHP
いやいやこれだけ出来るなんて十二分でしょ

バナーや背景画像、配色なんかはクライアントのゴネというか
注文一つで簡単に引っ繰り返されるし、あんまり重要じゃないと思うです

ブログはされてませんか?人気のテンプレートをチェックするだけでも
流行のデザインや求められてる使いやすさの勉強になりますよ

210Name_Not_Found2012/06/04(月) 22:51:27.87ID:???
>>209
ワードプレスのテンプレートタグを使って結局は白紙からソース書いてオリジナルテーマを制作しています。
必要なのはヘッダー画像やバナーやタイトルバー画像など。各種画像
この部分が一番弱いのですが制作コストを抑えるために、タイトルバー画像くらい自分で作れる画像は自分で作り、
その他は単品発注するか、誰か知り合いに格安で頼むか考えています。
他にいいやり方はないでしょうか?


211Name_Not_Found2012/06/04(月) 22:55:35.28ID:???
クライアントに合わせたヘッダーやページごとの画像をネット上のフリー画像を落としてきてそのまま使うとか、かっこ悪いというか、、ですね

212Name_Not_Found2012/06/05(火) 00:08:30.24ID:???
>>211
惜しい、かっこ悪い感じがするなら
×そのまま使う
○減色する

センスなんて突き詰めてしまうと白背景に黒文字がベストになってしまうです;
基本2〜3色でまとめるのが無難だから、画像はカラー削除ないしセピアにすると
白黒ならクールに、茶系ならレトロな感じになるでしょう

ポールスミス風に作るなとは言いませんが(あれはあれで素敵なデザインだし)
苦手でしたら、まず色数を抑えるのが一番です

> 白紙からソース書いてオリジナルテーマを制作
最初にテーマを立ててるなら楽では?と思うのはデザイナー脳なのかな
こんなテーマで〜な感じでと決まってて、文字・ラフ画で伝えるのが苦でなければ
発注やお願いするのは良い手かと

213Name_Not_Found2012/06/05(火) 01:35:58.65ID:???
>>212
色は基本2〜3色で抑えるように気をつけています。
テーマは基本、テキストベースで枠組を全体をレイアウトします。
ここにはヘッダー画像が入る、ここには写真ギャラリーが入るなどとりあえずdiv作ってダミー画像を入れて制作してますw
画像でいいデザインが浮かばないのでクライアントの業種のサイト見ながら真似る努力はやってはいるのですが。
なかなか厳しいです。頑張ります

214Name_Not_Found2012/06/07(木) 16:57:04.02ID:???
どうして自分が作るサイトは四角の枠線で囲まれたものに背景色塗っただけの
いかにも元祖テンプレート!ってサイトにしかならないんだろう
何年WEB系勉強しても絵にならない。
やっぱプログラマ思考が強い人はWEBデザイン厳しいのかな
これじゃ仕事にならないなー



215Name_Not_Found2012/06/08(金) 00:49:47.03ID:???
プログラマ思考とは全く関係が無いじゃん
デザインを考えてから、それを実現する為にどう組み立てるかを考えるには
論理立てた考え方の方が必要だろ

216Name_Not_Found2012/06/08(金) 00:52:52.15ID:???
>>215
そうなんだけどね、自分はいつもデザインよりも先に機能や仕組みを考えて配置するばかりの思考が取れない

217Name_Not_Found2012/06/29(金) 17:10:20.43ID:???
WEBデザインをうまく見せるためには
CSSやjqueryを駆使するのと
画像加工上手くするのとどっちが重要?
本はいろいろ買ってやってるがWEBデザインのスキルがあがらない

オススメのサイトもあれば教えて

218Name_Not_Found2012/06/29(金) 17:21:22.99ID:???
>>217
そりゃなんといっても素材が第一。
商品の写真がピンボケしてるとかじゃ話にならない。

219Name_Not_Found2012/06/30(土) 01:15:51.37ID:???
>>218
で、その素材やらデザインレイアウトやらをうまくするには何を勉強すべき?
フォトショ鍛えあげても画像加工が強くなるだけでWEBデザインがうまくなるとは言えないじゃない?

220Name_Not_Found2012/06/30(土) 15:52:28.89ID:ccoA+AXn
>>219
デザイン職はWEBデザインに限らず、最終的には本人のセンスが重要 誰もがファッションデザイナーにはなれない様にな
219さんはおそらく、勉強熱心だが、デザイナーの資質が無いと思われる 時間の無駄だ、諦めろ!

221Name_Not_Found2012/06/30(土) 17:50:48.52ID:???
>>220
了解でーす(´・ω・`)

222Name_Not_Found2012/07/03(火) 01:53:08.43ID:???
好きなWEBサイトを研究する
素材を真似して作ってみる
全体を真似して作ってみる
好きなデザイン、好きな映像、好きなものを沢山見る
何故それが好きなのか考えてみる
好きではなくても、上手いと思うWEBサイトを研究する
どういう素材をどういう風に使えばどういう風に見えるのか考えてみる

223Name_Not_Found2012/07/21(土) 08:16:35.41ID:FjllUmGx
デザインセンス?

んなもんカッチョええサイトを3つ選んで構成とパーツと色彩をハイブリットすりゃオリジナルですがな。
ソースはパクったらバレるからアカン。

どや!これ最強や!

224Name_Not_Found2012/07/21(土) 10:34:34.14ID:E51PcF4o
関西弁っていいね。俺は東京の下町たまけど、

225Name_Not_Found2012/09/12(水) 19:43:31.18ID:???
文字が多い場合のレイアウトってどうすればいいの?
仕事でWEBデザイン始めたら、今まで趣味で作ってたデザインとはちがって
指定や制約が多過ぎて、結果酷いデザインしか作れなくて凹む
実力不足過ぎて辛い

あとオススメの書籍なんかあったら教えて下さい

226Name_Not_Found2012/09/14(金) 03:27:58.16ID:???
>>225
当然レイアウトはCSS使ってるんだよね?

ブラウザのデフォルトフォントサイズ(IEなら16px)でユーザが見ていると過程した場合に想定して
まず、サイトの文字はemで指定して、その状態で見やすいようなdiv枠を取っていけばいいんじゃないかな?
フォントはemで指定しておけば、でかくみたけりゃユーザがブラウザで変更するし。
ようするに、div枠サイズが指定されてあるのならおのずとフォントのemをいじるしかないけど
フォントサイズが指定してあるならそれに合わせてdiv枠のサイズ変えればいいし。
どっちを基準にするかを決めたらやりやすいと思う。

参考までに・・・
http://www.2step-css.com/
http://www.stylish-style.com/index.html

227Name_Not_Found2012/09/15(土) 10:05:52.12ID:???
巧いサイトをみつけたら、
スケッチブックに、色鉛筆などで描き写しながら、
観察してみてはどうか。

228Name_Not_Found2012/09/15(土) 10:09:30.45ID:???
色彩画を描く練習しないと伸びないと思う。

229Name_Not_Found2012/09/15(土) 22:15:05.80ID:???
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね 
創価死ね 
創価死ね
創価死ね
創価死ね
創価死ね

230Name_Not_Found2012/12/31(月) 05:33:01.94ID:???
phpやらjavaservletやらjavascriptやらコーディングは出来るのですがデザインセンスがないためテキストベースのダサいサイトしかつくれません。画像があまりないサイトになる。
つまりデザインカンプをファイヤーワークスやイラレを使ってデザインしたり、
見栄えのある画像加工ができないのです。
どうしたらよいでしょうか?

231不夜城@勝〓橋 ◆72pu09bxDc 2013/02/26(火) 00:31:49.33ID:???
>>230
亀だが、市販の印刷物を注意深く眺めたり、
「デザインが優れている」と思うWebサイトをじっくりとチェックして、
必要ならばソースも眺めてみる。
デザインの勉強になる素材はそこらにゴロゴロしているよ。

232Name_Not_Found2014/02/17(月) 18:00:38.22ID:OQze/tLT
アーキテクトラーニングっていうとこのwebデザイン通信の資料請求したんだけど、
ペラペラの冊子が送られて来ただけで内容がよくわからん なんかうさんくさく感じる
どんな感じか知ってる人居ますか?

233Name_Not_Found2014/02/18(火) 08:19:21.96ID:???
プロフェッショナルに必要なのは結局、独学精神だよ。

情報処理の世界は常に新しい知識を取り込むことが求められる。
マークアップ言語の仕様はもちろん、Web環境はどんどん更新されていくからね。

常に最新の技術に敏感でないとデザインのモードについていけなくなる。
学校で学んだことなど10年もしないうちに枯れてしまうよ。

常に独学独学。毎日が独学の連続。

234Name_Not_Found2014/10/20(月) 02:22:45.49ID:uSHv0TxV
現在webだけじゃなくてアプリのデザインもやり始めたんだが、デザインに使用する画像って
全部、加工したものを使うの?それとも一つ一つイチから作ってくいの?

235Name_Not_Found2014/10/20(月) 23:30:19.63ID:???
加工でもライセンスがクリア出来るなら加工でいいし
何も無ければ一から作るしかないだろ

236Name_Not_Found2014/10/22(水) 07:26:14.81ID:???
>>234
予算がショボければ相談

237Name_Not_Found2014/10/29(水) 20:12:55.88ID:vZHP645e
http://o2o-m.jp/web/

Webデザイナーになりたい方のためにサイトを制作中です。
良かったらみてください

238Name_Not_Found2014/12/21(日) 02:44:33.62ID:???
就職用のポートフォリオ作ってるんだけど
作ったサイトをBasic認証にして非公開にしておいて
面接先にだけパスワード教える形にしたら
素材の写真とかはパクリのもの使って問題ないでしょうか?

239Name_Not_Found2015/01/19(月) 12:07:21.12ID:???
最新アニメを動画化してアップ
Basic認証にして非公開にしておいて
特定の人にだけパスワード教える形にしたら
問題ないでしょうか?

240Name_Not_Found2015/03/14(土) 21:18:49.20ID:???
ノーデザイアっていう無料の本屋、ちょっと変わってる。

http://www.no-desire.com

.

241Name_Not_Found2015/07/21(火) 20:09:49.17ID:ngtPJhAc
♪  ∧_∧
   ( ´∀` )))
 (( ( つ ヽ、   ♪ ほすほす♪
   〉 と/  )))       ほすほす♪
  (__/^(_)

242Name_Not_Found2015/07/26(日) 17:34:47.64ID:???
j queryって今でも使われている?
本屋での目につきにくい足元の棚の方にあって書籍数も少なかったので気になって・・・

243Name_Not_Found2015/07/26(日) 17:56:56.76ID:???
使い方自体は簡単だし
本買うのはJS本家の話で、jQueryはネットで調べるから置いてないだけだろ。今でもメインじゃね

244Name_Not_Found2015/07/26(日) 18:45:10.07ID:???
そうなんだ。ありがとう。

245Name_Not_Found2015/09/09(水) 23:16:42.62ID:???
漏れが持ってる本はjQueryのことも含めて書いてある

246Name_Not_Found2016/06/15(水) 21:04:37.04ID:???
>>232
デジハリの資料請求したけど同じくペラペラだったよ

247Name_Not_Found2017/12/12(火) 07:11:45.08ID:MrUcGD8N
HPなどで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

PKZL4RZ41I

2482017/12/13(水) 19:46:00.27ID:z6syHJ4Y
最近Mockplusというラピッドプロトタイピングツールを使ってみた、
直感的で素晴らしいアプリ
Win/Mac/iOS/Androidも対応できる 。
インタラクションは大体Mac向けなので、それは気に入ります
https://www.mockplus.com

新着レスの表示
レスを投稿する