-2

Firebug を使用して、Google 翻訳 (http://translate.google.com.vn/) の HTML ソースを (内容的に) シンプルかどうかを確認します。

しかし、レイアウトは非常に複雑です (非常に多くのレイアウト div)。これらのページは、多数のソフトウェアのサポートに基づいて設計されたレイアウトであると思います。

Photoshop は知っていますが、一般的に、Photoshop でレイアウトを作成するのは非常に難しいため、より簡単なツールを見つけたいと考えています。

4

4 に答える 4

2

使うべきだと思いますphotoshop Sitegrinder 3.5

Site Grinder 3.5 は、任意の .psd ファイルの Html および CSS を生成するための優れたツールです。しかし、私の観察では、小規模で静的なサイトには適していますが、動的なサイトには適していません。Web サイトの開発に役立つことは間違いありませんが、サイト グラインダー ツールを使用して Adob​​e Photoshop で作業する熟練した人が必要です。つまり、開発者ではなくデザイナーにとって便利です。Site Grinder 3.5 は、次の機能をサポートしています。

1.  Rounded corner
2.  Shadow
3.  Borders
4.  Cross-Paging  
5.  Menus and Sub-Menus
6.  Hide and show
7.  One design for many pages.
8.  More Powerful Hover And Click Behaviors
9.  Smooth Scrolling to Targeted Page Areas
10. Create Powerful Animated Accordions Using Only Hints
11. Attach Elements to The Browser Window(using –fixed hint)

注:ただし、角丸、影などの機能の一部は、IE7 および IE8 ブラウザーでは実行されません。これは、サイト グラインダーがブラウザーに依存していることを意味します。

Site Grinder 3.5 にはいくつかの制限があります。

  1. グラデーションカラーは不可。
  2. 各ページに複数の css を生成します。
  3. ヒント付きのレイヤー名は正しい必要があります。
  4. それはまだバグです。すでにそれを使用している人の中には、バグのあるコードが生成されると言っている人もいます。しかし、使用中にバグは見つかりませんでした。

サイト グラインダー 3.5 を使用して Web ページをデザインする際は、次の点に注意してください。

  1. 設計には 2 つのフェーズがあります。

    1. ドラフト PSD を作成して保存します。次に、Site Grinder 3.5 をビルドします。
    2. PSD ファイルをビルドした後、デザイン マネージャー ツールを使用して完全なデザインとエフェクトを作成し、ビルド ウィンドウから保存します。

  2. スタイル編集ツールを使用して PSD を作成した後、デザイン マネージャーで背景色、影、角丸を設定できます。

  3. ヒントは正しいです。

于 2012-07-12T08:06:27.367 に答える
1

Balsamicなどのソフトウェアを使用すると、モックアップをすばやく作成できます。これは、レイアウトのアイデアを得る確実で迅速な方法です。それ以外の場合は、常にペンと紙があります。Raincreativelabのスケッチ用紙を使用し ます。ダウンロードは無料で、さまざまなブラウザー ビューポートがマークされています。

スケッチ/モックアップの後、Photoshop を使用して詳細を設計できます。

于 2012-07-12T07:01:51.047 に答える
1

Website Layout Maker はあなたが探しているものだと思います。

于 2012-07-12T06:59:17.003 に答える
0

レイアウト (およびインタラクション) の HTML5 シミュレーションを生成できるForeUIに興味があるかもしれません。

于 2012-07-12T17:05:16.110 に答える