factory4 | デザインチーム

デザインとテクノロジーを使って課題解決を行なうシステムデザインエージェンシーです。モバ…

factory4 | デザインチーム

デザインとテクノロジーを使って課題解決を行なうシステムデザインエージェンシーです。モバイルやIoT分野のクリエイティブ、ビジネスに関する事などを綴っています。たまにコーヒーやイラスト、アートなどカルチャーも。

記事一覧

オーバーレイやポップアップ表示の注意点と有効性を考察

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。今回フォーカスするのは、日々PCやスマートフォンで目にするサイト…

ダークモードはUIやUXにどのような影響を与えているのか メリットやデザインのポイントをまとめてみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 2019年9月、Android10とiOS13のリリース時に導入されたことを機…

レスポンシブデザインとブレイクポイントについて改めて整理してみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回はウェブサイトのレスポンシブデザインと、そのうえで重要な…

アプリのオンボーディングがユーザー体験に与える重要性を考えてみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。これまでアプリデザインを行っていくなかで、さまざまなアプリのチ…

MidjourneyとVectorizer.AIなどのAIツールを活用してロゴマークを作成したら、ロゴの本質も見えてきた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 UIやUXデザインについてお伝えすることが多いですが、今回は少し…

線を引くだけで簡単に領域を監視できる新感覚の画像検知アプリ「AlterMo」をリリース

AlterMo(オルタモ)の特徴スマートフォンのカメラを使用して、直感的な線指定で特定の領域をリアルタイムで監視し、画像解析を行うアプリケーションです。設定された領域…

【基本編】超便利なAIを搭載したRAW画像編集ツール「Luminar Neo」をレビューします

Luminar Neoとはどういうツールなのか「Luminar Neo」はウクライナのSkylum社が発売するRAW現像ソフトで、AI(人工知能)を搭載した、RAW現像もできる画像編集ソフトLumina…

Photoshopが「WebP」形式の画像を完全サポート!編集や保存が可能なったWebPとは

こんにちは!デザイナーの新谷です。今回は少し前にPhotoshopのアップデートにより、ある画像形式が完全サポートされて痒いところに手が届いたよ!てお話です。 「Photosh…

今さら聞けない!?JPEGの形式ベースラインとプログレッシブの違いとは

こんにちは!デザイナーの新谷です。 今回は一般的なJPEG画像の形式についてのお話です。なんとなく、デフォルトで設定されているものを使いがちですが、形式にも特徴があ…

【超便利!?】Photoshop 2022 の新機能ニューラルフィルターの「背景ミキサー」

こんにちは!UIUXデザイナーの新谷です。 今回は、少し前となりますが、Adobe社がリリースしたPhotoshop2022の新機能を紹介したいと思います。かなりの数の新機能がアップ…

iPhoneで撮ったJPG形式とは違う写真データ拡張子HEICってなに!?

iPhoneで撮影した写真が開けない!?こんにちは!デザイナーの新谷です。 iPhoneで撮影した写真がWindows PCで開けなかったり、アップロードできないなど、困った経験はあ…

Photoshopの「空の置き換え」機能がアップデート!さらに美麗な空が追加されました

空をすばやく簡単に置き換えて、思い通りの雰囲気に作り替えるこんにちは!デザイナーのともきです。 Photoshopの「空の置き換え」機能がアップデートされました。新たな…

【超簡単】PhotoshopでアニメーションGIFを作成する方法

写真がループするアニメーションGIFを作成しますこんにちは!デザイナーのともきです。 写真とフレーム単位でのアニメーションを使ってGIFを作成する方法を紹介します。 G…

【超簡単】Photoshopで風景写真をアニメやイラスト風に加工する方法!!Part1

風景写真をアニメやイラスト風のテイストに加工する方法を紹介しますこんにちは!デザイナーのともきです。超簡単にできるフォトショップのTipsをご紹介します。 日常感溢…

参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ9選:2021年9月

効果的なデザイン選定とインスピレーションこんにちは!デザイナーのしんたにです。 毎月、気になったり、参考にしたい「シンプルかつ切り口の面白いWebサイト」を紹介し…

MediBangPaint for iPadを使ってイラストや漫画を描いてみよう!!【基本編】

MediBang Paint(メディバンペイント)でイラストや漫画を描いてみよう!こんにちは! デザイナーのともきです。 今回は、「メディバンペイントの使い方」の基本編というこ…

オーバーレイやポップアップ表示の注意点と有効性を考察

オーバーレイやポップアップ表示の注意点と有効性を考察

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。今回フォーカスするのは、日々PCやスマートフォンで目にするサイトに表示されるオーバーレイやポップアップ。

1990年代ごろから多くは登場してきたようですが、ポップアップはウェブサイト上でときにランダムかつ一貫性なく、無数に表示されます。なかには詐欺のような内容を表示するサイトもあ

もっとみる
ダークモードはUIやUXにどのような影響を与えているのか メリットやデザインのポイントをまとめてみた

ダークモードはUIやUXにどのような影響を与えているのか メリットやデザインのポイントをまとめてみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。

2019年9月、Android10とiOS13のリリース時に導入されたことを機に、デザイントレンドのひとつとなった「ダークモード(ダークテーマ)」。今回はダークモードが、UIデザインやユーザー体験にどのような影響を与えているかを深堀りします。

ダークモードは通常、背景に黒また

もっとみる
レスポンシブデザインとブレイクポイントについて改めて整理してみた

レスポンシブデザインとブレイクポイントについて改めて整理してみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。
今回はウェブサイトのレスポンシブデザインと、そのうえで重要なブレイクポイントについてです。レスポンシブやブレイクポイントは、デザイナーやエンジニアの皆さんにとっては当たり前の手法として用いていると思いますが、PCやタブレット、スマホなどさまざまなデバイスが登場し、多種多様な閲覧・

もっとみる
アプリのオンボーディングがユーザー体験に与える重要性を考えてみた

アプリのオンボーディングがユーザー体験に与える重要性を考えてみた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。これまでアプリデザインを行っていくなかで、さまざまなアプリのチュートリアルやオンボーディング施策を検討してきました。とくにアプリ導入時はユーザーを支援するための重要な要素となるため、今回はチュートリアルの種類とともにまとめてみました。
※今回の記事はウェブマガジン「CreatorZ

もっとみる
MidjourneyとVectorizer.AIなどのAIツールを活用してロゴマークを作成したら、ロゴの本質も見えてきた

MidjourneyとVectorizer.AIなどのAIツールを活用してロゴマークを作成したら、ロゴの本質も見えてきた

こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。

UIやUXデザインについてお伝えすることが多いですが、今回は少し趣向を変え、AIを活用してロゴデザインをしてみました。活用したツールは「Midjourney」と「Vectorizer.AI」です。AIを使ったロゴジェネレーターは何年も前からありますが、今回はトレンドとなっている

もっとみる
線を引くだけで簡単に領域を監視できる新感覚の画像検知アプリ「AlterMo」をリリース

線を引くだけで簡単に領域を監視できる新感覚の画像検知アプリ「AlterMo」をリリース

AlterMo(オルタモ)の特徴スマートフォンのカメラを使用して、直感的な線指定で特定の領域をリアルタイムで監視し、画像解析を行うアプリケーションです。設定された領域内で異変を検知すると、連携した外部ネットワーク(例えばSlackなど)を通じて即座に通知が届きます。操作が簡単なため、誰でも手軽に遠隔監視システムを構築できます。

検知対象を自分好みにカスタマイズ検知したい箇所を線で自由にドローイン

もっとみる
【基本編】超便利なAIを搭載したRAW画像編集ツール「Luminar Neo」をレビューします

【基本編】超便利なAIを搭載したRAW画像編集ツール「Luminar Neo」をレビューします

Luminar Neoとはどういうツールなのか「Luminar Neo」はウクライナのSkylum社が発売するRAW現像ソフトで、AI(人工知能)を搭載した、RAW現像もできる画像編集ソフトLuminarシリーズの最新版です。写真編集が初心者の方でも、画像編集をAIがサポートして、最適な編集を提案したり修正してくれますので、それを選択するだけでプロ並みの画像編集が簡単に行えます。またAIを使わずに

もっとみる
Photoshopが「WebP」形式の画像を完全サポート!編集や保存が可能なったWebPとは

Photoshopが「WebP」形式の画像を完全サポート!編集や保存が可能なったWebPとは

こんにちは!デザイナーの新谷です。今回は少し前にPhotoshopのアップデートにより、ある画像形式が完全サポートされて痒いところに手が届いたよ!てお話です。

「Photoshop」のデスクトップ版バージョン23.2以上へアップデートすることで、プラグインや設定等なしで、「WebP」形式のファイルに対応して、編集や保存などが可能となりました。

そもそもWebP形式のファイルって何WebP(ウェ

もっとみる
今さら聞けない!?JPEGの形式ベースラインとプログレッシブの違いとは

今さら聞けない!?JPEGの形式ベースラインとプログレッシブの違いとは

こんにちは!デザイナーの新谷です。
今回は一般的なJPEG画像の形式についてのお話です。なんとなく、デフォルトで設定されているものを使いがちですが、形式にも特徴があるので紹介していきたいと思います。形式があること自体知らなかったーという方もいらっしゃると思いますが、自分も以前はなんとなくデフォルトの環境や、初期設定のまま見過ごしていましたが、ちゃんと意味があるので知っておくと使い分けたり、なんとな

もっとみる
【超便利!?】Photoshop 2022 の新機能ニューラルフィルターの「背景ミキサー」

【超便利!?】Photoshop 2022 の新機能ニューラルフィルターの「背景ミキサー」

こんにちは!UIUXデザイナーの新谷です。

今回は、少し前となりますが、Adobe社がリリースしたPhotoshop2022の新機能を紹介したいと思います。かなりの数の新機能がアップデートされましたが、そこから注目の「背景ミキサー」について解説を交えて紹介していきます。

ニューラルフィルターに新たに追加された「風景ミキサー」が面白い!SNSでも話題となりましたが、AIの「Adobe Sense

もっとみる
iPhoneで撮ったJPG形式とは違う写真データ拡張子HEICってなに!?

iPhoneで撮ったJPG形式とは違う写真データ拡張子HEICってなに!?

iPhoneで撮影した写真が開けない!?こんにちは!デザイナーの新谷です。

iPhoneで撮影した写真がWindows PCで開けなかったり、アップロードできないなど、困った経験はありませんか? 
原因はiPhoneで撮った写真のデータ形式の可能性があります。解決策としては汎用性の高いJPGファイルに変換などですがそもそもなぜ開けないのでしょうか。

iOS11以降にiPhoneに撮影された写真

もっとみる
Photoshopの「空の置き換え」機能がアップデート!さらに美麗な空が追加されました

Photoshopの「空の置き換え」機能がアップデート!さらに美麗な空が追加されました

空をすばやく簡単に置き換えて、思い通りの雰囲気に作り替えるこんにちは!デザイナーのともきです。

Photoshopの「空の置き換え」機能がアップデートされました。新たな空をコレクションに追加することで、さらに空を思い通りの空にすばやく入れ替えることができます。

基本的な「空の置き換え」機能の使い方は前回記事で詳しく解説していますので、ぜひこちらもご覧ください。

実際に「他の空を取得」で最適な

もっとみる
【超簡単】PhotoshopでアニメーションGIFを作成する方法

【超簡単】PhotoshopでアニメーションGIFを作成する方法

写真がループするアニメーションGIFを作成しますこんにちは!デザイナーのともきです。
写真とフレーム単位でのアニメーションを使ってGIFを作成する方法を紹介します。

GIFの作成は大きく2つに別れます
・Photoshopなどツールを使って、写真を並べてループさせる方法
・Premiere Proなどを使って動画をGIFに置き換える方法

今回は、Photoshopを使って写真が連なり、ループす

もっとみる
【超簡単】Photoshopで風景写真をアニメやイラスト風に加工する方法!!Part1

【超簡単】Photoshopで風景写真をアニメやイラスト風に加工する方法!!Part1

風景写真をアニメやイラスト風のテイストに加工する方法を紹介しますこんにちは!デザイナーのともきです。超簡単にできるフォトショップのTipsをご紹介します。
日常感溢れる風景写真を簡単な加工でアニメやイラスト調の画像に加工できます。

レイヤーやフィルターなどよく使う機能だけですぐにできるのでぜひトライしてみてください。
ポイントはHDRトーンのベース作りと、線画と全体の表情をいかにイラスト調に近づ

もっとみる
参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ9選:2021年9月

参考にしたいアイデア溢れるおすすめWebサイトデザインまとめ9選:2021年9月

効果的なデザイン選定とインスピレーションこんにちは!デザイナーのしんたにです。

毎月、気になったり、参考にしたい「シンプルかつ切り口の面白いWebサイト」を紹介しています。
優れたデザインのサイトを参考にして、インスピレーションを得ることで、効果的なデザインを選定しWebデザイン制作に役立ててみてくださいね。

それでは見ていきましょう!

印象に残る海外Webサイトデザイン1. Humblet

もっとみる
MediBangPaint for iPadを使ってイラストや漫画を描いてみよう!!【基本編】

MediBangPaint for iPadを使ってイラストや漫画を描いてみよう!!【基本編】

MediBang Paint(メディバンペイント)でイラストや漫画を描いてみよう!こんにちは! デザイナーのともきです。

今回は、「メディバンペイントの使い方」の基本編ということで、解説していきたいと思います。
前回記事の導入から、簡単な使い方はこちらからご覧いただけます。

世界中のクリエイターがいつでもどこでも、イラストやマンガ制作できる、とても便利な無料お絵かきツールです。

・メディバン

もっとみる