タグ「モックアップ」

タグモックアップ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 123件)

JAL、767-300のコックピット再現したホテル客室　実機の廃材活用、羽田エクセルホテル東急に - TRAICY（トライシー）

2024/03/20 11 users Traicy コックピット客室 JAL JALグループ

日本航空（JAL）の本物のコックピット部品を活用したコンセプトルーム「JAL Cockpit ROOM」が、羽田空港直結の羽田エクセルホテル東急に登場した。JALの運航乗務員が監修して製作したモックアップを設置し、客室でコックピット気分を楽しめる。 JALグループは2021年10月から、廃棄される航空部品を活用する取り組みを行... 続きを読む

Webサイトのワイヤーフレームやモックアップに使用するSVGで制作されたUI要素のスケルトン素材 -UI Skeleton Gallery

2023/06/21 8 users SVG ワイヤーフレーム figma セクション UI要素

Webサイトやスマホアプリで使用される、カード、セクション、ボタン、フォーム、見出し、テキスト、リスト、画像、動画など、UI要素のスケルトン素材を紹介します。商用利用も無料で、ダークモード・ライトモードに対応しており、素材はSVGのファイルとコードでダウンロードできます。もちろん、Figmaでも利用できます... 続きを読む

CATLが謎の「凝聚態電池」、ゲームチェンジ技術を年内量産へ

2023/04/24 14 users catl 中国CATL 上海寸法寧徳時代新能源科技

中国CATL（寧徳時代新能源科技）は2023年4月19日、上海で開催中のクルマ関連の展示会「上海国際自動車ショー 2023」（4月18～27日）の場で、「凝聚態電池（Condensed Battery）を開発した」と発表した発表資料。同展示会に、おおよそA4サイズとみられる寸法の試作品（もしくはモックアップ）も出展した（図1）。重量... 続きを読む

HTMLとCSSを真剣に学びたい人におすすめ！実務レベルの知識やテクニック、考え方がよく分かる解説書 -HTML/CSSブロックコーディング

2022/12/16 14 users CSS 実務 HTML テクニックコーディング

HTMLとCSSの実務に役立つ知識やテクニック、考え方を学びたい人にお勧めの解説書を紹介します。デザイナーから渡されたモックアップを元に、情報の構造やデザイナーの意図を読み解き、コンテンツをブロックに分解し、コーディングの方針を検討し、HTMLのマークアップでどのように構造を設計し、CSSでスタイルする際に気... 続きを読む

瑞起が「X68000 Z」なる新製品を10月8日に発表　東京ゲームショウで先行展示

2022/09/14 6 users 瑞起先行展示シャープ東京ゲームショウ模型

瑞起（ずいき）が、かつてシャープが発売したPC「X68000」の名前を冠する製品を10月8日に発表する。シャープからのライセンスも取得済みのようで、キーボードやマウスといった周辺機器も用意するようだ。なお、9月15日から開催される「東京ゲームショウ2022」ではモックアップ（模型）も展示されるという。瑞起（ずいき... 続きを読む

2021年版、Web標準技術で作るモックアップ | CyberAgent Developers Blog

2021/12/28 195 users mock Web標準技術サイバーエージェント造語検証

サイバーエージェントでは今年、CA PoCMOCK CONTEST 2021というコンテストが開催されました。PoCMOCKは造語でそれぞれPoC(検証)・MOCK(モックアップ)を表し、エンジニア・クリエイターのアイディアやスキルを駆使して技術的・品質的・社会的な何かしらの課題を解決したプロダクトの一部を制作し披露する場になりました。... 続きを読む

Web制作者は要チェック！Instagramに使用されているCSSのテクニック | コリス

2021/04/20 101 users Instagram コリス CSS テクデバイス

Instagramに使用されているCSSのテクニックを紹介します。世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？ Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテク... 続きを読む

WebページやスマホアプリのUIデザイン・モックアップが簡単に！Adobe XDのプラグイン「Spectrum」が便利 | コリス

2020/08/04 23 users spectrum コリスコンポーネント Adobe 作成

WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its ex... 続きを読む

Adobe XDに便利なプラグインが登場！簡単にワイヤーフレームやモックアップを作成できる -Quick Mockup | コリス

2019/12/04 10 users コリスワイヤーフレームパシフィコ横浜 Adobe XD

12/3にパシフィコ横浜で開催された「AdobeMAXJapan」に合わせて、Adobe XD用の便利なプラグインが登場しました！プラグインは通常、英語圏内に特化されたものが多いですが、「Quick Mockup」はなんと日本のデザイン現場向けに特化されたもので、簡単にワイヤーフレームやモックアップが作成できます。日本のUXデザイン... 続きを読む

デザインしたサイトをそのままローンチ!国産Webデザインプラットフォーム「STUDIO」｜ferret [フェレット]

2018/06/27 40 users Ferret フェレットローンチ Studio 待望

ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。 >> 執筆記事一覧はこちら 2018年4月上旬、待望の国産プロトタイピングツールが公式に公開されました。その名もSTUDIOです。 STUDIOはiPhone アプリのモックアップを作成するだけ... 続きを読む

【クオリティ高＆無料】食品の包装モックアップ38個！食べ物のパッケージデザインをする方必見！！【Photoshop】 - Web Design Facts

2018/06/11 10 users Photoshop Web Design Facts 必見

2018 - 06 - 11 【クオリティ高＆無料】食品の包装モックアップ38個！食べ物のパッケージデザインをする方必見！！【Photoshop】モックアップ素材素材-無料 Photoshop デザインパッケージのデザインやロゴのデザインをし、クライアントに提出する際にデザインを際立ててくれるのがモックアップ。本や箱などのモックアップはよくありますが、中々ないのが食べ物系のモックアップ。... 続きを読む

【Sketch無料リソースの2018年決定版！】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須！】 - Web Design Facts

2018/05/28 61 users Web Design Facts Sketch リソース

2018 - 05 - 28 【Sketch無料リソースの2018年決定版！】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須！】 Sketch ワイヤーフレームモックアップ素材素材-無料参考サイト UIデザインといえば最近はSketch。ただやはりPhotoshopと比べて歴史が浅いため、オススメのリソースがまとまっている最適なサイトが少ない... 続きを読む

無料Lightroomプリセットの決定版！一瞬でプロ並みの加工が出来るLightroomプリセット50選【おすすめ/ポートレート/フィルム/HDR】 - Web Design Facts

2018/05/22 59 users ポートレート Lightroo フィルム一瞬プロ並み

2018 - 05 - 22 無料Lightroomプリセットの決定版！一瞬でプロ並みの加工が出来るLightroomプリセット50選【おすすめ/ポートレート/フィルム/HDR】 Lightroom Lightroom-プリセットモックアップ WEBデザイナーやグラフィックデザイナーの方のほとんどはPhotoshopを使用しているかと思いますが、昨今写真の処理や編集、管理が出来るLightroo... 続きを読む

初心者～プロまで誰でも使える！レトロ＆ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】 - Web Design Facts

2018/05/21 21 users エフェクト Web Design Facts ベクタープロ

2018 - 05 - 21 初心者～プロまで誰でも使える！レトロ＆ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】 Illustrator チュートリアルテキストエフェクトデザインモックアップベクター/Vector 素材チュートリアルは、手順通りに作成すればオシャレで高品質なデザインが簡単に出来るとともに、ツールの使用方法や機能も覚える事が出来、一... 続きを読む

2018年に公開された無料Photoshop/Lightroomチュートリアル40選【映画のような効果も！？/モックアップ】 - Web Design Facts

2018/05/15 42 users ちゅ Photoshop チュートリアルテキストエフェクト

2018 - 05 - 15 2018年に公開された無料Photoshop/Lightroomチュートリアル40選【映画のような効果も！？/モックアップ】 Photoshop デザインチュートリアルモックアップテキストエフェクト参考サイト Photoshopのチュートリアルは良いものを作れるだけではなくPhotoshop自体の機能の使い方を学ぶことも出来、大変良いものです。特に最新のチュ... 続きを読む

【完全保存2018年版】作業効率アップ！Photoshop/LightroomアクションオススメTOPサイト7選 - 無料＆有料【写真加工/方法/使い方】 - Web Design Facts

2018/05/07 16 users Photoshop Web Design Facts 何度

2018 - 05 - 07 【完全保存2018年版】作業効率アップ！Photoshop/LightroomアクションオススメTOPサイト7選 - 無料＆有料【写真加工/方法/使い方】 Photoshop Photoshop-アクション Photoshop-プラグインデザイン参考サイト素材モックアップこのブログでも何度か紹介しているPhotoshopのアクション。作業効率が大幅にあが... 続きを読む

【完全保存2018年版】高品質！無料ベクター素材配布サイト21選【Illustratorモックアップ/EPS/PSD/ai/フリー】 - Web Design Facts

2018/05/03 71 users psd EPS ベクターベクター素材チラシ

2018 - 05 - 03 【完全保存2018年版】高品質！無料ベクター素材配布サイト21選【Illustratorモックアップ/EPS/PSD/ai/フリー】ベクター/Vector 素材素材-商用可素材-無料 Illustrator Photoshop Sketch SVG デザインモックアップ WEBサイトやチラシ、資料制作など様々な場面で必要となるベクター素材。ただ、目的の物を探... 続きを読む

InVisionだけじゃない！国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる | コリス

2018/04/05 73 users InVision コリス Studio 積み木感覚正式版

海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。こういったツールは英語だからと敬遠していた方は、是非試してみてください！ようやく正式版としてリリースされ、以前紹介した時からさらに進化しています。 Studio Studioの特徴 Studioを使っ... 続きを読む

無料で動きのついたデザインモックアップを作りiOS・Androidで動作確認ができる「Fluid UI」 - GIGAZINE

2018/02/21 50 users GIGAZINE 画面遷移既存 Android パーツ

「Fluid UI」は既存のパーツを配置するだけでWebサイトやアプリのモックアップをサクサク作成でき、簡単な画面遷移や複数人での編集も行えるサービスです。実際に使ってどんなことができるのか試してみました。 FluidUI.com - Create Web and Mobile Prototypes in Minutes https://www.fluidui.com/ Fluid UI のページ... 続きを読む

Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材48個まとめ - PhotoshopVIP

2018/02/20 60 users PhotoshopVIP Photoshop アートワーク

ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、手軽にお好みのデザインに編集できる、無料のPSDデザイン素材を活用してみましょう。フリーフォントでカスタマイズしやすいロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、作品やアートワークの新しい魅せ方を提案できるモックアップ、写真加工用アイテ... 続きを読む

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ | コリス

2018/02/15 89 users コリスコンポーネントフレームワークレイアウト軽量

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです ...記事の続きを読む続きを読む

webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法｜ガラナ｜note

2018/02/12 81 users ガラナ考察有志 Excel グラフ

webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法初めまして。かけだしUIデザイナーのガラナです。プライベートで E2D3 のwebサイトをデザイン中です。【E2D3とは】 Excelのデータから、インタラクティブなグラフを作成できる無料アドインソフト。有志が非営利に開発中。E2D3メンバーにより、講演会やもくもく会などのイベントも定期... 続きを読む

Photoshopでデザインカンプやグラフィックデザインにおけるモックアップの作り方がよく分かるデザイン本 | コリス

2017/11/10 46 users デザインカンプコリス Photoshop チュートリアル

Photoshopでこんなのを作りたいなと思った時、Webで探すとそのほとんどが英語のチュートリアルで、作り方や細かいニュアンスなどが分からないことはありませんか？素材も英語圏内のものが多く、商用可なのか、ダウンロードしても大丈夫なのか、心配になることもあります。デザインカンプやグラフィックデザインにおけるモックアップの作り方が詳しく解説された、そして素材もDVDで収録されたオールインワンの良... 続きを読む

新iPhoneの名称は「iPhone X」でほぼ確定、通信キャリアから画像流出 | Forbes JAPAN（フォーブスジャパン）

2017/09/07 51 users フォーブス KpN 新iPhone iPhone x 名称

iPhoneの10周年記念モデルとなる新端末の呼び名がいよいよ確定したようだ。この端末はシンプルに「iPhone X」と呼ばれることになりそうだ。ガジェットメデイア「LetsGoDigital」はオランダでシェア5割を占める通信キャリア、KPNのプロモーション素材を入手した。そこに描かれたiPhoneの外箱は公式のものではなく、KPNが製作したモックアップだが、「iPhone X」の名が刻まれて... 続きを読む

新iPhoneの名称は「iPhone X」でほぼ確定、通信キャリアから画像流出（Forbes JAPAN） - Yahoo!ニュース

2017/09/07 26 users 新iPhone 名称 iPhone x Yahoo 確定

(1 - 25 / 123件)

次の25件 »