![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
1人でWebサイトを作ってるのですが、コーディングする前のイメージ図を明瞭にするのが面倒です。
というのも、私はフォトショップで例えばカンバスサイズを横900px、縦3000pxにし、そこに一つ一つパーツや文章を作ってイメージ図を完成させてます。
この場合、PCが重くなって、操作が遅くなるため、頭の中の思考の効率が悪くもなります。
私が使っているPCは2年前にドスパラで本体のみで5万円くらいで購入した物です。
10万円くらいの性能の良いPCを購入すれば問題は解決できますでしょうか?
それともフォトショップでイメージ図を作成する方法が間違っているのでしょうか?
何か別なソフトでも利用するべきなのでしょうか?
No.3ベストアンサー
- 回答日時:
解決しますよ。
でも10万くらいのじゃまたすぐ同じになるかと。。。高いのが難点ですがクリエイター向けのPCにしとけば問題なくサクサクです。
DELLの Graphic Pro や
http://www.dell.com/jp/p/deals.aspx?c=jp&l=ja&s= …
mouse computerのクリエイターPCなど。。
http://www.mouse-jp.co.jp/abest/creator/
本題。イメージ図ですが、
> そこに一つ一つパーツや文章を作ってイメージ図を完成させてます
こうなるとイメージというより、デザインですよね。
やり方は人それぞれ異なりますし自分が効率良い方法を探っていけば
自然と一番の方法にたどり着くかと思います。
全ページデザイン起こしてからコーディングに移る人もいれば
トップ+中1ページのデザインのみ作成して後はコーディングしながら組み込んでいくなどなど、
クライアントに全ページデザイン見せて!と言われれば嫌でも作りますし。笑
時と場合や気分と案件によってやり方変えてもいいと思います。
Photoshop以外はないと思ってます。
余談ですが、試してませんでしたらメモリ不足も考えられますので
環境設定 > パフォーマンス > メモリの使用状況でphotoshopで使う容量とか設定できますので
現PCでも試してみるのもありかと思います。
No.2
- 回答日時:
今後はその方法は通用しなくなりますよ。
大事なことなので、ちょっと説明しておきます。
HTML2~3のあたりで、HTMLの貧弱なデザイン能力は、HTMLの出自である科学技術分野でよくても一般には不満足でした。
そのため、色々工夫がされたのですが、HTML本来の目的である「HTMLは、どんな環境からもWebの情報を利用できるようにすべ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」とは反するものになってしまいました。
・ウィンドウ巾が違うとスクロールしなければならなくなる。
・印刷ができない
・視覚障害者向けのスクリーンリーダーや点字端末で利用できない
★検索エンジンにページの内容が理解できない
その反省から!!、HTML4.01が今から15年前に勧告されました。そのスタンスは「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」です。その仕様には
strict:厳密型--デザインにかかわる一切の要素や属性は含まない
transitional:移行型---デザイン的な要素や属性を残したもの
frameset:いわゆるフレーム
の三種があり「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」とされ、将来のバージョンではstrictのみになると宣言されました。
先日勧告になったHTML5では、デザインにかかわる一切の要素や属性は含みません。
すなわち
★HTMLでは、デザインに関わる事は一切書かず、ひたすら文書構造だけをマークアップし、デザインはスタイルシートにすべて任せます。
すなわち、あらかじめデザインを決めてHTMLを書き始める事はなくなるという事です。
下記で実例を紹介しますが、そのサイトに言ってブラウザ(chromeは除く)の[表示メニュー]から「スタイル(シート)」に進み、色々なスタイルを選択してみてください。
HTMLソースを確認されても良いでしょう。
そしてウィンドウ巾を変えたり、印刷プレビュー(印刷時の状態)やスタイルなし(検索エンジンや携帯電話、展示端末やスクリーンリーダーが見ている姿)も確認する。
・ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
このサイトは、まず文書構造だけをHTMLで書き上げて、その後スタイルシートを書いてデザインして行ったものです。
HTMLのマークアップは極めてシンプルで文書構造しか書かれていないために、あとあとHTMLの内容が変わってもメンテナンスに困りません。デザインもこのように自在に変更できます。
>フォトショップで例えばカンバスサイズを横900px、縦3000pxにし、そこに一つ一つパーツや文章を作ってイメージ図を完成させてます。
という面倒な方法ではなく、HTMLの文書構造に基づいてデザインを後からする。気に喰わなければ、いつでも変更できる。HTMLに手を加えなくても。
No.1
- 回答日時:
>10万円くらいの性能の良いPCを購入すれば問題は解決できますでしょうか?
できると思いますよ。
デザインはやっぱりPhotoshopで作るのが一番だと思います。
わたしはPhotoshop CCを使ってますが、COREi5 1.8GHzのノートPCでも問題なく動いてます。
ご参考まで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- デスクトップパソコン google chrome、イラストレーター、フォトショップの同時作業におすすめのPC構成 1 2022/10/19 14:23
- ノートパソコン 大学のレポート作成専用ノートパソコンとして、VAIO SX12(Core i7、32GB、1TB-S 5 2023/06/10 11:14
- 画像編集・動画編集・音楽編集 inkscapeで作成した図の保存の仕方とその保存したファイルの編集の仕方 1 2022/09/22 09:33
- Mac OS Macか Windowsか?悩んでいます。 6 2023/04/07 09:35
- 中古パソコン 中古PCを売る時、OS(Windows11)はどんな状態にするのが親切ですか? 4 2022/12/15 17:08
- その他(プログラミング・Web制作) Windowsのマクロプログラムで、こんなことできますか? 3 2022/06/28 14:30
- CAD・DTP メインはAutocadからJwwに変換、尚且つ事前修正が少ないもの 1 2022/10/30 13:37
- Excel(エクセル) エクセルのワークシートを簡単に別ファイルにする方法は? 5 2023/01/11 14:50
- 財務・会計・経理 IT導入補助金について教えて下さい。 社員4名の小さな会社です。 事務は私一人なので、IT化を進めて 1 2022/05/05 13:31
- CAD・DTP 「機能ブロック図」の描画用フリーソフトを教えてください 1 2022/09/23 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
テーブルの行を折りたたみたい...
-
htmlです 文字はタマで、 黒線...
-
HTMLです。画像をHTMLで表した...
-
HTMLでこの画像を表示したいで...
-
静止画画像をクリックすると音...
-
CSSでつくったメニューのアニメ...
-
アコーディオンメニューが思う...
-
違法高出力無線? 光回線有線LA...
-
コードを書いて下さい( ; ; )...
-
青い枠のみのHTML
-
列のどこをクリックしてもソー...
-
スマホ(android)のタッチパネ...
-
HTMLです 画像のように表したい...
-
HTMLです 四角みたいにして中に...
-
css初心者 フレックスボックス...
-
スマホでHTMLファイルを開いて...
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
リンクの下線は消すのが普通?
-
ホームページを作っているので...
-
ガラケーサイトの一般的な画面...
-
WEB会社に勤めている方に質...
-
スマホ横幅が720px だけ 横が...
-
画面は固定と可変のどちらがい...
-
デジタルフィルタの伝達関数
-
DOMとHTMLの本
-
コーディング代行について
-
PCサイトとは何ですか。
-
スマートフォン用のサイト作成...
-
Windowsホームページ作成MACで...
-
Webサイトを作成する前のイメー...
-
iphone/android WEB制作について
-
Safariで、ボタンが丸くなるの...
-
レスポンシブwebデザインでのIE...
-
平均的なウィンドウサイズとは?
-
厳しいご意見を下さい!
-
バリアフリーなサイトで、フレ...
おすすめ情報