端末モック

端末モックが中央に配置されている

SmartHRの端末モックです。
画面キャプチャと合成して利用することで、実際の端末での利用イメージを想起させ、信頼感を与えます。

サイトにアクセスするすべての人が参照できますが、利用に関しては利用者・利用範囲を確認してください。

利用ガイドライン

端末モックを画面キャプチャと合成する方法は3つあります。

1. Figmaを利用する

Fimgaのアカウントをお持ちの方は「端末モック合成 | Figma」を利用して合成してください。
詳細は従業員限定コンテンツとして動画で解説しています。

🔓パスワードを入力すると従業員限定コンテンツを閲覧できます。
従業員は必ずパスワードを入力して閲覧・利用してください。

パスワード入力

2. 端末モック透過画像を利用する

KeynoteやGoogleスライドなどのスライド資料の場合、画面キャプチャと端末モック透過画像を重ねて配置することで、簡易的な合成ができます。

🔓パスワードを入力すると従業員限定コンテンツを閲覧できます。
従業員は必ずパスワードを入力して閲覧・利用してください。

パスワード入力

3. コミュニケーションデザインセンターのメンバーに依頼する

社内Slackより作成を依頼してください。

  • 社内Slack #design_comm_依頼

禁止事項

端末モック画像をそのまま使用し、変更を加えないでください。

端末モックを赤色にした画像に、斜線が引かれている

色味を変更してはいけない

端末モックにシャドウを付けた画像に、斜線が引かれている

シャドウを加工してはいけない

端末モックを傾けた画像に、斜線が引かれている

傾けてはいけない

画面左側には、スマートフォンの端末モックの上に円が配置されている。右側には、スマートフォンの端末モックを反転した画像に斜線が引かれている

反転してはいけない

端末モックの横幅のみ極端に縮小されている画像に、斜線が引かれている

変形してはいけない

PCの端末モックが他の端末画像になっている画像に、斜線が引かれている

同じ画像内で他の端末画像と組み合わせてはいけない

利用者・利用範囲

サイトにアクセスするすべての人が参照できますが、利用には一部制限があります。 端末モックの利用者と利用範囲は以下のとおりです。

利用者名義利用可否
SmartHR従業員サービスSmartHR
株式会社SmartHR
◯ 利用できます
SmartHR従業員SmartHR Plus◯ 利用できます
SmartHR従業員SmartHRグループ会社・
提供サービス
◯ 利用できます
SmartHR外部パートナーサービスSmartHR
株式会社SmartHR
◯ 利用できます
SmartHR PlusパートナーSmartHR Plusパートナーが
提供するアプリ
◯ 利用できます
SmartHRグループ会社
従業員
SmartHRグループ会社・
提供サービス
◯ 利用できます
すべてのかた
広報担当者のかた
SmartHRの広報活動× 利用できません

ほかのコンテンツの利用範囲は利用者のかたへを参照してください。

フィードバック先

端末モックに関する相談やフィードバック