ブラウザのUIをWebデザインポートフォリオのスクリーンショットに含めますか？
ブラウザのインターフェースを示す例：
そしてそれなしで：
それが作品の視覚化を改善することなのか、それとも単に美的なものなのかはわかりません。
考え？
あなたのコンテンツである全体的なコンテキストを損なう、他のブックマーク、アドレスバー、オペレーティングシステムの詳細など、例に含まれている不要なclutter-が含まれているため、通常はクロムを含めません。自慢するつもりです。
Amazon、bitly、eBay、tumblr、その他のブックマークアイコンは要件を超えています。アドレスバー自体は、最初は問題のページのURLを組み込む（および伝達する）方法として役立つように見えますが、必ずしも残っているわけではありません。画像が存在する限り、定数。
提供された最初の画像に対する私の最初の反応は-ああ-彼らはコンテンツ自体についての考えではなく、Apple OSを使用しています。
異なる人々が異なるブラウザを使用しており、ブラウザを含めることがchromeが「標準」である場合、さまざまなブラウザと無関係な情報の完全な寄せ集めが得られます。「標準」の標準はありません。
chromeを含めないもう1つの理由は、一部のプラットフォームでは背景が半透明であり、デスクトップの背景がぼやけて表示されるためです。コンテキスト外でキャプチャして表示すると、ひどい見栄えになります。同じことは、FireFoxなどのスキンをカスタマイズする機能を備えたブラウザにも当てはまります。
それ以外の場合、通常、chromeはプレーンな古いグレーであり、ウェブサイトのコンテンツと衝突しないように意図されていますが、その結果、ウェブサイトを実際に自慢することはできません。 chromeを削除すると、黒、白、その他の適切な背景を使用して、Webサイトを適切な背景に引き立たせることができます。
Google画像検索で「ウェブデザインポートフォリオ」を検索した結果のほぼすべてを見たり、ウェブデザイナーのアイデアブックやTaschen Iconsシリーズなどの本を見たりすると、ブラウザが表示されないchrome 。
chromeを含める唯一の時間は、chromeが、伝達しようとしている情報の重要な部分である場合です-境界フレームに対する要素の配置など。または、あるブラウザでの要素の相対的な位置を別のブラウザと比較しますが、主な目的がコンテンツを自慢することである場合は、chromeを含める必要はありません。are =アップルを使用する！
この特定のケースでは、ブラウザを除くスクリーンショットで問題ありません。
ブラウザーを含める場合があります
-コンテキストが明示的に必要または望ましい
-特定のブラウザが参照されている、推奨されているなど
-ブラウザ機能の一部（たとえば、アドレスバー）が参照されている
-UIの境界線のない白い背景-ブラウザーを使用してフレームを作成します
-画像をスクリーンショット（プリントなどではなく）として明確に区別するため
さらに理由があるかもしれません。境界線のない白い背景の1ページは、私にとっては問題ありませんが、例外である可能性があります。
これは見た目の美しさです（UXに影響を与える可能性がありますが、UX自体の問題ではありません）。ただし、例で最初に気付くのは（たとえ、デザインが非常に異なっているために不均一な比較をするためですが）、最初のものはきちんと縁取られているということです。最初のものは、パンフレットのデザイン、本/雑誌のページレイアウトなどではなく、ウェブデザインのスクリーンショットとしても表示されます。
これは、コンテキストを提供するだけでなく、WebページのURLを提示するためのきちんとした方法です（ただし、アドレスバーを見やすくするために、選択時に最初の画像を拡大できることが望ましいです）。
私がクライアントにモックアップを提示している場合、それをブラウザーウィンドウでフレーム化することはしませんが、ポートフォリオに含めると、多くのミニマリストデザインで機能すると思います。ただし、一部のブラウザは他のブラウザよりも見栄えがするため、ブラウザは慎重に選択してください。また、ブラウザchromeをクリーンアップして、ブックマークのショートカットやサードパーティのツールバーなどを削除します。
私が考えることができる唯一の欠点は、特定の人々が特定のOSやブラウザに対して強い偏見を持っていることですが、物事の大まかな計画では、それは本当に重要だとは思いません。ただし、IEは安全のために常に回避できます。
私のアドバイスは、ポートフォリオ設計に最適なオプションを選択することです。結局のところ、それは最終的には審美的な決定です。