web-dev-qa-db-ja.com

ユーザーが「テキストフィルター」を使用して美しく/創造的なテキスト画像を作成できるようにする

複雑な質問ですが、ここでは本当に助けが必要なので説明しようとします:)大学でのデザイン/フィルムの仕事の一環として、他の学生が使用するツールとなるUIデザインプロジェクトに取り組んでいます。基本的には次のように動作し、すべてデジタルで行われます。

生徒は、脚本の一部として2〜3文字で会話を書きます。あなたはこれの出力を基本的に10-12の引用と考えることができます(それぞれ約1-2文)

次に、引用ごとに、興味深い視覚的な「画像」に変換します。たとえば、フォントを選択し、フォントの色を選択し、背景色を選択し、単語のレイアウトを選択し、他のアイコンを含めるかどうかを選択します/それを生き生きとさせるシンボル

10から12のすべての引用に対してステップ2を実行すると、基本的に、カラフルな方法でストーリーを伝える引用のクールなフリップブックができます。

ステップ2は私が助けを必要とするところです。これを手助けするシンプルなツールを作りたいです。ほとんどそれを「写真フィルター」と考えますが、「テキストフィルター」かもしれませんか?私はコーディングの助けは必要ありませんが、私が助けを必要とする部分は、そのようなテキスト画像のデザインスペースを通して考えることです-洗練された外観の画像のセットを作るためのオプション(フォント、テキストの色、背景色以外のもの)はどうあるべきですか?すべて1つのツールで。たとえば、シンプルなスタイルの調和のとれたアイコンを追加し、人々が単語を特定の場所に移動できるようにします。それらすべて:

https://www.webdesignerdepot.com/2012/03/20-examples-of-beautiful-and-inspiring-fonts/

これでどんな助け/考えもありがとう!

2
antimicrobial

多分あなたはオプションの選択を少し具体化するべきです、これはあなたが多くのバリアントであまり広がりすぎないようにするのに役立ちます。

私はあなたがあなたの選択肢で上げる最初はほとんど無限だと思います:フォントを選択してください。何百万ものフォントがあります。代わりに、グローバルスタイルを選択するなど、より一般的なものを提案します。これにより、このスタイルには、いくつかのデフォルトのフォント、色、および特定のオプションを含めることができます。

スタイルの選択など、親オプションから始めて、残りのバリアントを独自のグループに再分割し、そのスタイルに適合させることができます固定および決定された変数の数:〜5または6の可能なフォント、〜5または6の可能な色、フレーム、背景、アウトラインテキストなど.

enter image description here

1
Danielillo