タグ モックアップ
人気順 10 users 50 users 100 users 500 users 1000 usersJAL、767-300のコックピット再現したホテル客室 実機の廃材活用、羽田エクセルホテル東急に - TRAICY(トライシー)
日本航空(JAL)の本物のコックピット部品を活用したコンセプトルーム「JAL Cockpit ROOM」が、羽田空港直結の羽田エクセルホテル東急に登場した。JALの運航乗務員が監修して製作したモックアップを設置し、客室でコックピット気分を楽しめる。 JALグループは2021年10月から、廃棄される航空部品を活用する取り組みを行... 続きを読む
Webサイトのワイヤーフレームやモックアップに使用するSVGで制作されたUI要素のスケルトン素材 -UI Skeleton Gallery
Webサイトやスマホアプリで使用される、カード、セクション、ボタン、フォーム、見出し、テキスト、リスト、画像、動画など、UI要素のスケルトン素材を紹介します。 商用利用も無料で、ダークモード・ライトモードに対応しており、素材はSVGのファイルとコードでダウンロードできます。もちろん、Figmaでも利用できます... 続きを読む
CATLが謎の「凝聚態電池」、ゲームチェンジ技術を年内量産へ
中国CATL(寧徳時代新能源科技)は2023年4月19日、上海で開催中のクルマ関連の展示会「上海国際自動車ショー 2023」(4月18~27日)の場で、「凝聚態電池(Condensed Battery)を開発した」と発表した 発表資料 。同展示会に、おおよそA4サイズとみられる寸法の試作品(もしくはモックアップ)も出展した(図1)。 重量... 続きを読む
HTMLとCSSを真剣に学びたい人におすすめ! 実務レベルの知識やテクニック、考え方がよく分かる解説書 -HTML/CSSブロックコーディング
HTMLとCSSの実務に役立つ知識やテクニック、考え方を学びたい人にお勧めの解説書を紹介します。 デザイナーから渡されたモックアップを元に、情報の構造やデザイナーの意図を読み解き、コンテンツをブロックに分解し、コーディングの方針を検討し、HTMLのマークアップでどのように構造を設計し、CSSでスタイルする際に気... 続きを読む
瑞起が「X68000 Z」なる新製品を10月8日に発表 東京ゲームショウで先行展示
瑞起(ずいき)が、かつてシャープが発売したPC「X68000」の名前を冠する製品を10月8日に発表する。シャープからのライセンスも取得済みのようで、キーボードやマウスといった周辺機器も用意するようだ。なお、9月15日から開催される「東京ゲームショウ2022」ではモックアップ(模型)も展示されるという。 瑞起(ずいき... 続きを読む
2021年版、Web標準技術で作るモックアップ | CyberAgent Developers Blog
サイバーエージェントでは今年、CA PoCMOCK CONTEST 2021というコンテストが開催されました。PoCMOCKは造語でそれぞれPoC(検証)・MOCK(モックアップ)を表し、エンジニア・クリエイターのアイディアやスキルを駆使して技術的・品質的・社会的な何かしらの課題を解決したプロダクトの一部を制作し披露する場になりました。... 続きを読む
Web制作者は要チェック!Instagramに使用されているCSSのテクニック | コリス
Instagramに使用されているCSSのテクニックを紹介します。 世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか? Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテク... 続きを読む
WebページやスマホアプリのUIデザイン・モックアップが簡単に!Adobe XDのプラグイン「Spectrum」が便利 | コリス
WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its ex... 続きを読む
Adobe XDに便利なプラグインが登場!簡単にワイヤーフレームやモックアップを作成できる -Quick Mockup | コリス
12/3にパシフィコ横浜で開催された「AdobeMAXJapan」に合わせて、Adobe XD用の便利なプラグインが登場しました! プラグインは通常、英語圏内に特化されたものが多いですが、「Quick Mockup」はなんと日本のデザイン現場向けに特化されたもので、簡単にワイヤーフレームやモックアップが作成できます。 日本のUXデザイン... 続きを読む
デザインしたサイトをそのままローンチ!国産Webデザインプラットフォーム「STUDIO」|ferret [フェレット]
ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。 >> 執筆記事一覧はこちら 2018年4月上旬、待望の国産プロトタイピングツールが公式に公開されました。その名もSTUDIOです。 STUDIOはiPhone アプリ のモックアップを作成するだけ... 続きを読む
【クオリティ高&無料】食品の包装モックアップ38個!食べ物のパッケージデザインをする方必見!!【Photoshop】 - Web Design Facts
2018 - 06 - 11 【クオリティ高&無料】食品の包装モックアップ38個!食べ物のパッケージデザインをする方必見!!【Photoshop】 モックアップ 素材 素材-無料 Photoshop デザイン パッケージのデザインやロゴのデザインをし、クライアントに提出する際にデザインを際立ててくれるのがモックアップ。 本や箱などのモックアップはよくありますが、中々ないのが食べ物系のモックアップ。... 続きを読む
【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】 - Web Design Facts
2018 - 05 - 28 【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】 Sketch ワイヤーフレーム モックアップ 素材 素材-無料 参考サイト UIデザインといえば最近はSketch。 ただやはりPhotoshopと比べて歴史が浅いため、オススメのリソースがまとまっている最適なサイトが少ない... 続きを読む
無料Lightroomプリセットの決定版!一瞬でプロ並みの加工が出来るLightroomプリセット50選【おすすめ/ポートレート/フィルム/HDR】 - Web Design Facts
2018 - 05 - 22 無料Lightroomプリセットの決定版!一瞬でプロ並みの加工が出来るLightroomプリセット50選【おすすめ/ポートレート/フィルム/HDR】 Lightroom Lightroom-プリセット モックアップ WEBデザイナーやグラフィックデザイナーの方のほとんどはPhotoshopを使用しているかと思いますが、昨今写真の処理や編集、管理が出来るLightroo... 続きを読む
初心者~プロまで誰でも使える!レトロ&ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】 - Web Design Facts
2018 - 05 - 21 初心者~プロまで誰でも使える!レトロ&ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】 Illustrator チュートリアル テキストエフェクト デザイン モックアップ ベクター/Vector 素材 チュートリアルは、手順通りに作成すればオシャレで高品質なデザインが簡単に出来るとともに、ツールの使用方法や機能も覚える事が出来、一... 続きを読む
2018年に公開された無料Photoshop/Lightroomチュートリアル40選【映画のような効果も!?/モックアップ】 - Web Design Facts
2018 - 05 - 15 2018年に公開された無料Photoshop/Lightroomチュートリアル40選【映画のような効果も!?/モックアップ】 Photoshop デザイン チュートリアル モックアップ テキストエフェクト 参考サイト Photoshopのチュートリアルは良いものを作れるだけではなくPhotoshop自体の機能の使い方を学ぶことも出来、大変良いものです。 特に最新のチュ... 続きを読む
【完全保存2018年版】作業効率アップ!Photoshop/Lightroomアクション オススメTOPサイト7選 - 無料&有料【写真加工/方法/使い方】 - 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 【完全保存2018年版】高品質!無料ベクター素材配布サイト21選【Illustratorモックアップ/EPS/PSD/ai/フリー】 ベクター/Vector 素材 素材-商用可 素材-無料 Illustrator Photoshop Sketch SVG デザイン モックアップ WEBサイトやチラシ、資料制作など様々な場面で必要となるベクター素材。 ただ、目的の物を探... 続きを読む
InVisionだけじゃない!国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる | コリス
海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 こういったツールは英語だからと敬遠していた方は、是非試してみてください! ようやく正式版としてリリースされ、以前紹介した時からさらに進化しています。 Studio Studioの特徴 Studioを使っ... 続きを読む
無料で動きのついたデザインモックアップを作りiOS・Androidで動作確認ができる「Fluid UI」 - GIGAZINE
「Fluid UI」は既存のパーツを配置するだけでWebサイトやアプリのモックアップをサクサク作成でき、簡単な画面遷移や複数人での編集も行えるサービスです。実際に使ってどんなことができるのか試してみました。 FluidUI.com - Create Web and Mobile Prototypes in Minutes https://www.fluidui.com/ Fluid UI のページ... 続きを読む
Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材48個まとめ - PhotoshopVIP
ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、 手軽にお好みのデザインに編集できる、無料のPSDデザイン素材 を活用してみましょう。 フリーフォントでカスタマイズしやすいロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、作品やアートワークの新しい魅せ方を提案できるモックアップ、写真加工用アイテ... 続きを読む
Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ | コリス
Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです ...記事の続きを読む 続きを読む
webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法|ガラナ|note
webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法 初めまして。かけだしUIデザイナーのガラナです。プライベートで E2D3 のwebサイトをデザイン中です。 【E2D3とは】 Excelのデータから、インタラクティブなグラフを作成できる無料アドインソフト 。有志が非営利に開発中。E2D3メンバーにより、講演会やもくもく会などのイベントも定期... 続きを読む
Photoshopでデザインカンプやグラフィックデザインにおけるモックアップの作り方がよく分かるデザイン本 | コリス
Photoshopでこんなのを作りたいなと思った時、Webで探すとそのほとんどが英語のチュートリアルで、作り方や細かいニュアンスなどが分からないことはありませんか? 素材も英語圏内のものが多く、商用可なのか、ダウンロードしても大丈夫なのか、心配になることもあります。 デザインカンプやグラフィックデザインにおけるモックアップの作り方が詳しく解説された、そして素材もDVDで収録されたオールインワンの良... 続きを読む
新iPhoneの名称は「iPhone X」でほぼ確定、通信キャリアから画像流出 | Forbes JAPAN(フォーブス ジャパン)
iPhoneの10周年記念モデルとなる新端末の呼び名がいよいよ確定したようだ。この端末はシンプルに「iPhone X」と呼ばれることになりそうだ。 ガジェットメデイア「LetsGoDigital」はオランダでシェア5割を占める通信キャリア、KPNのプロモーション素材を入手した。そこに描かれたiPhoneの外箱は公式のものではなく、KPNが製作したモックアップだが、「iPhone X」の名が刻まれて... 続きを読む
新iPhoneの名称は「iPhone X」でほぼ確定、通信キャリアから画像流出 (Forbes JAPAN) - Yahoo!ニュース
iPhoneの10周年記念モデルとなる新端末の呼び名がいよいよ確定したようだ。この端末はシンプルに「iPhone X」と呼ばれることになりそうだ。 ガジェットメデイア「LetsGoDigital」はオランダでシェア5割を占める通信キャリア、KPNのプロモーション素材を入手した。そこに描かれたiPhoneの外箱は公式のものではなく、KPNが製作したモックアップだが、「iPhone X」の名が刻まれて... 続きを読む