1

Backbone、node、jQueryなどでWebAppsを開発しています。

私は当初、デザインに Twitter Bootstrap を使用していました。その後、CSS をリアルタイムで変更できる Chrome Addon Stylebit で作成した独自のデザインを使用し始めました。

残念ながら、これは最終的に非常に時間がかかります。

そこで、エディターと一緒にデザインを開発し、このデザインを CSS として手作業で書き直すことにしました。私はこれが一般的な方法であり、ほとんどがこのタスクにフォトショップを使用していることを読みました。

Photoshop はまだ推奨されていますか、それとも他に使用すべきツールはありますか?

(実際には、完全な WYSIWYG は必要ありません。デザインとレイアウト全般をテストするためのものです)

乾杯、明けましておめでとうございます、ボードー

4

5 に答える 5

1

短い答えはノーです。Dreamweaver、Aptana などの完全な WSIWIG ソリューションではないコードで簡単にレイアウトを作成できるツールはありません。

デザインをテストするには、通常、Balsamiq で見られるようなワイヤー フレームを作成します。他にも、Axure、Pencil などのツールがあります。ワイヤーフレームソフトで検索してください。

シニア UX アーキテクトとして、人々が Html と CSS で構築しているものをモックアップしているのを聞いたり見たりしました。これは機能しますが。コードの作成に時間、労力、およびお金を投資する場合は、引き続き構築することをお勧めします。

Linkedinの「ユーザー エクスペリエンス」グループにアクセスして、そこで質問してください。あなたはたくさんの答えを得るでしょう。

于 2012-12-31T06:06:18.423 に答える
0

私はピドコで働いています。

ベルリンを拠点とするドイツの会社であり、オンラインプロトタイピングツールを開発しています。

次のような優れた機能があります。

インタラクティブなプロトタイプコラボレーションとモバイルプロトタイプをシミュレートするためのiOSアプリへの招待（Androidは間もなく登場）30日間の無料トライアルから始めて、月額9ドルからプランを開始できます。

于 2013-02-08T09:26:55.527 に答える
0

モックアップ ツールの完全なリストは次のとおりです: http://c2.com/cgi/wiki?GuiPrototypingTools

于 2013-06-11T06:41:22.900 に答える
0

ForeUI ( http://www.ForeUI.com/ )を試すことができます。これにより、レイアウトを視覚的に構築し、デザインを HTML5 シミュレーションにエクスポートできます。必要に応じて、生成されたコードを手動で変更することもできます。

Mac OS の ForeUI

http://www.foreui.com/store/でいくつかの興味深い例を入手できます。

于 2013-01-05T18:03:58.537 に答える
0

ワイヤーフレームとモックアップ ツールを探している場合は、Balsamiqモックアップを使用できます。

ここに画像の説明を入力

みたいな特徴があります

  1. ローファイ スケッチ ワイヤフレーム

  2. クリックスルー プロトタイプ

  3. UI コンポーネントとアイコン

  4. PNG や PDF などにエクスポート

Balsamiq Mockupsから詳細を入手できます。

これがお役に立てば幸いです。

于 2012-12-30T20:23:20.967 に答える