タグ付けされた質問 「mockup」

デザインまたはデバイスのスケールモデルまたはフルサイズモデルの作成に関する質問。教育、デモンストレーション、デザイン評価、プロモーション、その他の目的で使用されます。

6
DribbbleのようなプロトタイプモックアップのアニメーションGIFを作成する方法は？
Dribbblersがデザインのアニメーションモックアップをアップロードするのを見たことがあると思います。 以下に例を示します。 Photoshopでモックアップを作成し、単純なTweenアニメーションを適用することもできますが、GIFをここの例のように見せることはできません。 Dribbblersはこれらのアニメーションの作成に何を使用していますか？ アニメーションにはタッチポイントと完全なモーションも含まれていることに注意してください。Photoshopモックアップを変換して同じことをしたいと思います。 Dribbblersによって作成されたものに似た、モックアップのアニメーション化された例を作成するにはどうすればよいですか？
4
HTML / CSSを直接​​作成するよりも、完全な画像のモックアップを行うことの利点はありますか？
過去には、多くの企業やWebデザイナーが、設計、マークアップ、バックエンドの2つまたは3つの部分からなるワークフローを使用していました。これらは一般化されており、線が少しぼやけているかもしれません...しかし、あなたは私の要点を理解していると確信しています。 多くの場合、Webデザイナーは「視覚のみ」で、PhotoshopやFireworksなどの画像編集ソフトウェアで非常に詳細なモックアップを作成するだけです。モックアップは、色やタイプの選択から、使用する背景、アイコン、写真、その他の画像まで、Webページのあらゆる面を表示します。しかし、「デザイナー」は、実際のライブの構築と実装に関心を持ちませんでした。外観のみに焦点を合わせていました。 （これらの画像ファイルをレビューすることにより）デザインが承認されると、ステージ2が実行されました-画像ファイルをライブHTML / CSSに移行します。 シングルシートまたはフリーランス環境では、Webデザイナーはスライスを使用し、内部アプリケーションオプションを介してHTMLにエクスポートした可能性があります。まれな機会デザイナーは、基本的なHTML / CSSのページフレームを構築することができます。 いくつかの企業環境では、これらのモックアップは、Webデザイナーやデザイナーのための（[花火のために] .pngを.PSD）層状の画像ファイルの形で残るでしょう決して実装を心配していない任意のマークアップやコードを。「デザイナー」は、作成したこの画像モックアップを実装するために、HTMLまたはCSSの構築方法に関心を持つ必要はありませんでした。画像ファイルは、画像ファイルに一致するHTML / CSSの作成を担当する「開発者」に引き渡されました。 このように動作するものがまだいくつかあると思います。ただし、マークアップ言語、つまりCSS3の進歩とブラウザーサポートの改善により、多くの場合、完全なWebページのラスター表現を慎重に構築するのに費やす時間は、ほとんどの場合役に立たなくなります。 現在のマークアップでは、多くのWebデザインのニーズをHTML / CSSを介して直接実装するのが非常に簡単であり、画像アプリケーションの使用は、必要な小さな画像アセットまたは写真の生成に限定されます。（ライブラリやBootstrapなどのテンプレートは、この概念をさらに推し進めています。） 私自身のワークフローでは、私は、特に移動しました離れて、彼らがされない限り、全ページのモックアップから特に要求されました。これは、デザインの速度を改善し、承認されるものが最終的にブラウザでレンダリングされるものに近づくようにするためです。実際、私は長年にわたってフルページのモックアップを作成していません。しかし、私はこの方法を使用するワークフローがまだあることを知っています。 デザイン構築のためにHTML / CSSに直接飛び込む前に、画像編集アプリケーションでフルページモックアップを構築することに本当の利点はありますか？
29 workflow  mockup 
3
常に変化するライブサイトにリンクせずに、過去のWeb開発作業の実例を示すにはどうすればよいですか？
ウェブサイトをデザインするときはいつでも、スクリーンキャプチャだけでなくコーディング機能も表示すると便利だと思います。 残念なことに、ほとんどの場合、クライアントは自分でWebサイトを編集することになり、メンテナンスの費用を支払わないと、サイトの魅力が失われ、ポートフォリオにURLを挿入するのが好きになりません。 Webデザイン/ UIを紹介するベストプラクティスはありますか（実際に機能しており、単純な画面キャプチャではありません）。 クライアントを表示するためにオフラインコピーを保持していますか？ 既存のWebサイト（Behanceまたはその他）にどのようにリンクしますか？
2
ブランディング/コーポレートデザインアプリケーションのモックアップの問題
企業設計プロセスの終わりに私が非常に頻繁に直面している問題についてお聞きしたいと思います。 すべてのコーポレートデザイン要素が承認された後、私は通常、ブランドコンセプトに適した興味深いブランドアプリケーション（フォルダー、ペン、オフィス用品）を提案します。 この目的のために、モックアップのブランディングをグーグルで検索できましたが、モックアップの奇妙なところは、これらの製品が存在しないことです。モックアップは実際の製品から切り離されています。オンラインで見つけた素敵なペンのモックアップを選ぶことができました。それはロゴに非常に説得力がありますが、クライアントが「うん！これはすてきなペンです、私はそれが欲しいです」私はめちゃくちゃです。このペンは存在しません。それは単なるモックアップです。 そしてそれは単なるペンではなく、実際には統一された比率のないすべてのブランドモックアップ製品です。 これは変ではありませんか？これをどのように処理しますか？ モックアップが実際の製品から切り離されているというこの問題をどのように解決しますか？
14 mockup 
6
カッターナイフの練習用ドリル/演習？
私は大学のグラフィックデザインプログラムの一環としてパッケージングクラスを教えていますが、生徒のプロトタイピングスキルが低下していることに気づきました。これはおそらく、私が制御できない以前のクラスでの練習が少ないためです。 私は彼らにそれを練習させる必要があり、ライブのデモだけで十分だとは思いません。だから私は特定のエクササイズについて疑問に思っていたのですが、このシートをオンラインで見つけて良いスタートを切ることができました。 私のカッティングナイフのスキルはまともですが、ルビリスで学んだ昔ながらの学生は間違いなく優位です。 その日（または今）に一般的に使用されていて、良い結果が得られた切断ナイフの練習はありましたか？
6
現実的な環境でロゴをモックアップする方法は？
私は最近ロゴを作成しました。私は、現実的な環境でロゴを自慢するオンラインの傾向を見てきました。ロゴの可能な使用例を示しています。 この例を以下に示します。元のロゴが下部にあり、3Dモックアップが上部にあります。 クリックしてフルサイズ このようなモックアップを作成するにはどうすればよいですか？
8 logo  mockup 
6
フォトショップで回転したスマートオブジェクトの線を滑らかにする方法は？
私は名刺のある種のモックアップを構築していて、名刺が互いの上にあるような外観を作成しようとしているときに、スマートオブジェクトを使用してすべてのレイヤーで名刺の外観を簡単に変更しましたが、問題は回転時にフォトショップは本当にレイヤーのハードカットラインを作りました。 これはサンプル画像です Preferences> Image Interpolationでオンラインで見つけたいくつかの設定を変更しようとしましたが、それはちょっと動作します。設定が異なると滑らかさが異なりますが、最も滑らかな場合は線にハードブラーが生じます。 私も誰かが提案したように3dオブジェクトに変換してレンダリングしようとしましたが、これはレンダリングが完全に完了していない場合でも良い解決策として機能しますが、レンダリングにかなりの時間がかかります。現在のファイルでは、レンダリングに8時間かかります。 それで、これらの線を少し滑らかにする方法はありますか？
12
Webデザインのモックアップをクライアントに提示する方法は？
私はウェブサイトの再設計プロジェクトに取り組んでいます。レビューのために、クライアントにいくつかの異なるモックアップを提示する必要があります。クライアントがすべての状況を把握できるようにしたい。クライアントに適切なソフトウェアがあるとは思わないでください。設計の方向性について、コメント、質問、または背景を追加することもできます。 クライアントにモックアップを提示する典型的な方法は何ですか？私はウェブサイトのモックアップをメールで表示することが最善の方法ではなかったと思います。電子メールがモックアップを提示するための成功した手段である場合、答えでそれを説明してください。
2
Apple製品がモックアップでそれほど一般的であるのはなぜですか？
この質問に触発されました： なぜApple Macはグラフィックデザイン業界でそんなに使われているのですか？ 私のウェブサイトのデバイスモックアップを見つけようとウェブを閲覧しているときに 、すべてのモックアップの約90％がAppleデバイスであることに気付きました。 たとえば、Apple以外のラップトップコンピュータの（フラットな）モックアップを見つけるのは、ミッションのように不可能です。 デバイスでアプリケーションを紹介しているほぼすべてのWebサイト（Android / WPのみを除く）では、デバイスはAppleのものです。 Appleだけではなく、もっと良いデザインがあると思います。 なぜAppleデバイスはそれほど人気が​​あるのですか？
2
偽のモックアップを作成するときに実際の製品を使用する
マーケティング資料のモックアップを作成するとき、実際の製品を使用してアプリケーションの使用を実証することの合法性は何ですか？ 特定のアプリケーションの例： 内部にウェブサイトがあるGoogle Chrome アプリを内蔵したiPhone アプリを内蔵したAppleモニター いくつかの（自由に使用できる）コードを含む崇高なテキスト これらはすべて、画像のメインコンテンツのラッパーを提供するだけですが、他の誰かによって作成および販売された製品と、おそらくロゴが含まれています。これらの物理的およびデジタル製品を使用して自分の製品を販売することの合法性は何ですか？ロゴが存在しない場合にのみ使用できますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.