作品にふさわしいリズムを生み出しましょう。選んだプロジェクトと画像素材をOpenDesignに取り込み、ビジュアルシステムを選んで、ポートフォリオの方向性を作成します。HTMLプレビューで画像の大きさ、タイポグラフィ、余白を調整し、デスクトップのギャラリーとモバイルの表示順を見比べましょう。
ブランドに合わせたフロントエンド · 実ファイル · コーディングエージェントで続行
各プロジェクト本来の見せ方を保ちながら、スタジオの視点を伝えるエディトリアルなポートフォリオ。
プロジェクトを見る
「厳選した6つのプロジェクト、横長の画像、短いキャプション、簡潔な自己紹介ページ、そして直接連絡できる窓口を備えた建築ポートフォリオ。」
優れたポートフォリオには、エディトリアルな流れ、柔軟な画像比率、そして作品づくりの判断を伝える十分な背景情報が必要です。
この作例では、主役となる大きなプロジェクトと控えめな作品を組み合わせて、視覚的な階層をつくっています。この構成の細部を整えるには、OpenDesignのHTML編集機能が役立ちます。画像の寸法、キャプションの書体、行間、ギャラリーの余白を調整できます。並び順を大きく変更する場合は、該当箇所にコメントを付けてエージェントにフィードバックできます。
自分の作品を取り込み、決まったギャラリーに任せきりにせず、制作中のポートフォリオで画像の見せ方、文字、並び順を調整できます。
デザインシステムを選ぶ、または作成する
スタイルが作品を引き立てている寸法と余白を調整する
重要な細部が見えるキャプション、クレジット、文字を編集する
どのような貢献をしたかが伝わる該当箇所にコメントを付け、画面幅ごとに比べる
モバイルでも情報の優先順位が保たれている長さの異なるプロジェクトも、すべて同じカードにせず、ひとつのエディトリアルなシステムで統一できます。
すべてを同列に扱うのではなく、注目作品とその他の作品に優先順位を付けます。
概要、制作過程、ギャラリー、成果、クレジット、次に見る関連プロジェクトを、柔軟なセクションで構成します。
簡潔な視点、主な実績、対応可能な仕事、次のアクションを作品と結び付けて伝えます。
ポートフォリオの質は、画像ひとつの大きさ、キャプション周辺の余白、プロジェクトの順番といった細かな判断で変わります。OpenDesignなら、生成されたエディトリアルな方向性を活かしながら、見た目を直接調整できます。最初に生成されたギャラリーの配置をそのまま受け入れる必要はありません。
「厳選した6つのプロジェクト、横長の画像、短いキャプション、簡潔な自己紹介ページ、そして直接連絡できる窓口を備えた建築ポートフォリオ。」
対応するHTML画像の寸法や参照元、周囲の余白を調整し、サムネイル用の既成レイアウトではなく実際の構成を確認できます。
ビジュアルエディターで、編集可能なテキストのフォント、サイズ、行間、文字間隔を調整できます。
ギャラリーや事例紹介のリズムを変えたい箇所にコメントを付け、変更内容をエージェントに送れます。
プロジェクトの並び順を決める前に、制作中のページをデスクトップ、タブレット、モバイルの幅で見比べましょう。
サイト作成ツールは作品の見せ方を支援するものであり、作品、担当範囲、成果、公開許可を作り出すものではありません。
次に希望する仕事、クライアント、役割に合ったプロジェクトを選びます。
デザインシステムを選ぶか、既存の参考資料をもとに作成します。プロジェクトの画像、キャプション、クレジット、希望する画像比率を用意してください。
作品一覧、プロジェクト詳細の各要素、自己紹介ページ、お問い合わせへの導線を、ひとつのレスポンシブなフロントエンドとして作成します。
編集可能なHTML画像やテキストを選び、参照元、サイズ、タイポグラフィ、余白を調整します。並び順を大きく変える場合はエージェントに依頼し、デスクトップとスマートフォンの両方でプレビューを確認しましょう。
選んだプロジェクトの順番を維持してください。意図した画像比率を保ち、各プロジェクトの近くにクレジットを配置してください。スマートフォンでは、キャプションが対応する画像と一緒に表示されるよう並び順を調整してください。
プロジェクト画像や公開する成果には、利用者の承認が必要です。生成されたポートフォリオのレイアウトによって、著作権者、公開許可、コンテンツ管理の仕組みが確立されるわけではありません。
プロジェクトの正確性、画像の使用許可、クレジット、機密保持、本番環境の最終設定は利用者の責任です。OpenDesignが提供するのは、編集可能な見せ方のレイヤーです。
画像の比率、プロジェクトごとのレイアウト、ビジュアル編集、ポートフォリオの更新について。
実際のプロジェクト、画像、キャプション、目標を用意すれば、質の高いレスポンシブ構成とビジュアルの方向性を作成できます。ただし、作品の選定や事実に基づくプロジェクト紹介の質は、利用者自身に委ねられます。
プロジェクトごとに長さ、画像のリズム、コンテンツを変えながら、ナビゲーション、タイポグラフィ、余白、クレジット、関連作品の要素を共通化できます。
依頼内容に希望する画像比率を記載し、生成された画像フレームを確認します。HTMLプレビューでは寸法、画像の参照元、余白を調整できます。ギャラリーの構成を変える場合は該当箇所にコメントを付け、エージェントに修正を依頼してください。仕上げに、デスクトップとモバイルの両方で最終的なトリミングを確認しましょう。
はい。再利用できるプロジェクトの構成とフロントエンドのファイルを保管し、ポートフォリオの成長に合わせて拡張できます。本番環境向けのCMSを使う場合は、別途用意が必要です。
いいえ。ご自身が権利を持つ、または公開許可を得た作品を使い、担当範囲、クレジット、成果を正確に記載してください。
実際のプロジェクトを出発点に並び順を整え、これから生まれる作品に合わせて更新できるフロントエンドを用意しましょう。
OpenDesignをダウンロード無料・オープンソース · ロックインなし · コーディングエージェントに対応
