デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25｜Sakino Tomiura｜note

2023/01/31 217 users OpenAI chatgpt Note 趣旨 近く

これはなに？昨年末にOpenAIがリリースしたチャット型AIの「ChatGPT」と一緒にデザインしていくプロセスで、実際にどんなことができるか？を実験してみたnoteです。 前提と注意点 🚨まずこのnoteの趣旨は「これらが実用的にデザイン制作に使える！」といったものではありません。 どちらかというと遊びに近く、実験的に... 続きを読む

「Figma」日本語版が公開　デザインコラボツール大手　ヤフー、LINE、楽天などがすでに導入

2022/07/27 242 users figma マーケター デザインコラボレーションツール 楽天

米Figmaが、デザインコラボレーションツール「Figma」の日本語版を提供開始した。デザイナーだけでなく、エンジニア、マーケター、コピーライターなどが参加して一緒にデザインを作り上げる、チームでのデザイン制作を支援する。 デザインコラボレーションツール「Figma」を手掛ける米Figmaは7月27日、Figmaの日本語版を... 続きを読む

FigmaでWebサイトのデザインから公開まで完結するプラグイン「Makers」が登場！ | Web Design Trends

2021/11/02 114 users figma MAKERS プラグイン ノーコード ツール

先日、「Makers」というFigmaでWebサイトのデザイン制作から公開まで完結することができるプラグインが発表されました。 ノーコードでのWeb制作は非常に注目を集めている分野であり、実際にノーコードでのWeb制作も広まってきています。そんな中登場するMakersはどのようなツールなのでしょうか。 今回は、Makersという... 続きを読む

エンジニアに伝わるデザインを作るためのFigmaのAuto Layout入門

2021/10/15 200 users figma Auto Layout アニメーション 前回 機能

徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳... 続きを読む

Webデザインの種明かし、コピペできる最新HTML／CSSスニペット30個まとめ - PhotoshopVIP

2021/09/03 114 users CodePen PhotoshopVIP 種明かし コピペ

この記事では、Webデザインの引き出しを増やす、コピペで使える最新HTML／CSSスニペットをまとめてご紹介します。 Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりとなっています。 https://photoshopvip.net/12989... 続きを読む

シンプルでテイストが一貫している無料のイラストサイト「Loose Drawing」 - Togetter

2020/10/28 313 users フライヤー ポスター スライド資料 Togetter イラスト

シンプルなイラストが見つかるフリー素材サイト Loose Drawing。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。商用利用も可能。 続きを読む

すごいぞWeb！参考にしたい話題の最新ウェブデザイン30個まとめ - PhotoshopVIP

2019/10/07 110 users 近未来 アニメーション PhotoshopVIP 発想 コツ

この記事では、デザイン制作で参考にしたい世界の最新Webデザインをまとめて紹介します。 デザイントレンドを意識したサイトはもちろん、近未来を感じるインタラクティブな体験型サイト、必要不可欠になりつつある控えめなアニメーションの使い方、フォント選びのコツ、発想豊かなレイアウト構造など実際のウェブサイト... 続きを読む

デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 | NxWorld

2019/09/17 123 users デフォルト Adobe XD プラグイン NxWorld 多数

デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 便利なプラグインが数多く公開されていますが、それらの中でも個人的に特におすすめなプラグインを紹介します。 ※エントリー内では基... 続きを読む

Webが進化中！参考にしたい話題の最新ウェブデザイン30個まとめ - PhotoshopVIP

2019/02/06 113 users マイクロインタラクション インスピレーション 配色 注目 参考

デザイン制作のインスピレーションや参考にしたい、2019年に入って注目を集めている、最新ウェブサイトデザイン30個をまとめています。 落ち着いた配色や、美しいセリフ書体、繊細なアニメーション、マイクロインタラクションなどを利用したサイトが増えています。クリエイティブでユニークな最新ウェブデザインを体験し... 続きを読む

Photoshopで人や物を消す5個の超簡単テクニック 完全まとめ - PhotoshopVIP

2018/08/06 741 users オブジェクト ひと 除去 PhotoshopVIP 用途

Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストな... 続きを読む

bosyuというサービスを作って譲渡するまでの流れ｜坪田 朋

2018/08/06 1039 users bosyu 坪田 ＭＶＰ きっかけ プロトタイプ開発

bosyuをCasterさんに譲渡しました。 bosyuの運営会社についてbosyuは株式会社Basecampのサービスとしてリリースしました。普段はデザイン制作、プロトタイプ開発を仕事にしています。 9月で設立1周年を迎えるのでロゴを新しく作りました。 bosyuを作ろうと思ったきっかけ自分が欲しいと思ったのが一番のキッカケで、MVP... 続きを読む

無料で使えるAdobe XDの社内導入を後押しする活用事例5選 - ICS MEDIA

2018/05/23 402 users ICS MEDIA Adobe XD プロトタイプ 社内導入

先日、 5月のアップデートリリース に合わせてAdobe XDが 無料で利用できるプランが発表 されました。2017年10月に正式版がリリースされ、その後も 毎月機能追加や機能改善 が行われ、現在もハイスピードで開発されています。 XDはUI/UXデザインに特化しており、デザイン制作はもちろん Web上で動作するプロトタイプまで作成 できます。PhotoshopやIllustratorと比べるとデ... 続きを読む

デザイナーこそブログを書くべき3つのメリットと苦手克服法｜macheri｜note

2017/12/18 288 users Sketch macheri 一石二鳥 宝庫 Note

嫌になるほど苦手だったブログ執筆は、 デザイン制作に欠かせないスキル向上の宝庫だった 会社の技術ブログ執筆に誘われたことがきっかけです。 「ブログ執筆を習慣化すればデザイナーは一石二鳥だ！」と感じたデザイナーにとっての3つのメリットについて。そして、ブログ執筆の苦手意識をどのように克服したかについてお話します。 先日SketchとAdobe XDの比較についての記事を会社ブログに書きました。 【 ... 続きを読む

デザイン制作を助けてくれる国内外の素材サイトまとめ | NxWorld

2017/10/24 935 users 有償 NxWorld アイコン 素材 商用利用時

見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されてい... 続きを読む

作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ - PhotoshopVIP

2017/06/15 109 users PhotoshopVIP ミニマルスタイル 配色 格段 フック

ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材 をまとめてご紹介します。 素材はどれも 無料ダウンロード可能 となっており、文字テキストや配色、サイズの変更、 カスタマイズも自由 に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルな... 続きを読む

わたしの「ふつう」と、あなたの「ふつう」はちがう。愛知県の人権週間啓発ポスターがすごく良い | COROBUZZ

2016/11/23 774 users お互い 一人ひとり 金山駅 個性 価値観

一人ひとり「違い」があるのは当たり前。多様な価値観を受け入れて、お互いの個性を認め合う。 わたしの「ふつう」と、あなたの「ふつう」はちがう。それを、「わたしたち」の普通にしよう。（画像出典元・関連 ： @gyouzafly , 愛知県HP ） 愛知県の人権週間啓発ポスターがすごく良い 大橋裕之さんに漫画を描いてもらって、愛知県の人権週間啓発ポスターのデザイン制作をやらせていただきました！金山駅にめ... 続きを読む

あまり知られていない、Photoshop CCの小技テクニックまとめました。 - PhotoshopVIP

2016/02/08 171 users tricks PhotoshopVIP Tips コツ 作業

あまり知られていない 、 Photoshop CCの小技テクニックまとめました。 24 Tips, Tricks, and Hacks for Adobe Photoshop CC Photoshopでのデザイン制作をより快適にするコツやショートカットをまとめています。スムーズな作業を実現する、ちょっとうれしいポイントから、大幅に作業時間を短縮する時短テクニックまで幅広く揃っています。 続きを読む

2016年の最新トレンド対応！参考にしたいWebデザイン40選まとめ - PhotoshopVIP

2016/01/08 107 users インスピレーション ウェブデザイントレンド トレンド 以下

2016年のウェブデザイントレンド の参考にしたい、美しい最新Webサイトをまとめています。今後のデザイン制作のインスピレーションにいかがでしょう。 動画やフルスクリーンスライダー、ゲーム形式のコンテンツなどを駆使した、新しいウェブサイトの魅せ方を提案したサイトが多く目立ちます。どのような素敵なデザインが、今年も登場するのかこれから楽しみです。 詳細は以下から。 【最新版】2016年のトレンドを押... 続きを読む

「AdobeユーザーのためのBlender入門」というチュートリアルを作りました | Stocker.jp / diary

2015/12/17 126 users Stocker.jp diary Blender入門 公開

3DCG 「AdobeユーザーのためのBlender入門」というチュートリアルを作りました Top diary Thursday, December 17th, 2015 普段 Adobe Illustrator や Photoshop を使ってデザイン制作をしている、あるいはそれと同等のPCスキルがある方向けの Blender というアプリケーションを使った3DCG制作の入門チュートリアルを公開... 続きを読む

CSSのみで制作する、ナビゲーションメニュー用アニメーションエフェクト10個まとめ - PhotoshopVIP

2015/11/26 113 users PhotoshopVIP ナビゲーションメニュー CSS

ウェブサイトに欠かせない、ナビゲーションメニューを制作するときに、ちょっとした動きをつけた素敵なホバーエフェクトをまとめてご紹介します。 どれもCSSのみで実装されており、最近のデザイントレンドとして人気のアニメーションを、うまく取り入れたデザインコンセプトとなっています。今後のデザイン制作に活用私てみてはいかがでしょう。 詳細は以下から。 CSSで作成する、ナビゲーションメニュー用アニメーション... 続きを読む

デザイン制作で気をつけたい、フロー重視の構図をマスターする黄金テクニックまとめ - PhotoshopVIP

2015/11/24 105 users PhotoshopVIP 構図

海外デザインブログCanva Design School Blogで公開された「Design Principles: Master Compositional Flow and Rhythm」より許可をもらい、日本語抄訳しています。 ウェブサイトやパンフレット、フライヤーを見ていて、探している情報が見つからないという経験はありますか。 ごちゃごちゃにまとめられた情報は、どこから読みはじめてよいか分... 続きを読む

デザインの雰囲気をガラリと変える！すごい無料テクスチャ30個まとめ - PhotoshopVIP

2015/11/10 100 users アートワーク Photoshop 風合い テクスチャ素材 表現

Photoshopなどのデザインソフトでは表現がむずかしい、自然な風合いをつくりだすことができ、無料ダウンロードできるテクスチャ素材をまとめています。 美しい透明感が魅力の水彩デザインや、アートワークに重ねるだけでビンテージ風に仕上げることができるお手軽素材など、デザイン制作をパワーアップするアイテムが揃います。 詳細は以下から。 デザインの雰囲気をガラリと変える！すごい無料テクスチャまとめ Fr... 続きを読む

継ぎ目のないデザインを実現！すごいPhotoshopパターン素材36個まとめ 2015年9月度 - PhotoshopVIP

2015/09/30 100 users デザ Photoshop PhotoshopVIP 継ぎ目

Photoshopの便利ツールのひとつ、パターン機能の使いやすさをアップする、無料ダウンロードできる新作パターン素材をまとめています。今回は、3ヶ月ぶりとなる2015年9月度まとめです。 シンプルでどんなデザインにも使える万能アイテムから、プリント印刷にも対応したアイテムの他に、より実用的に活用できる素材を中心に集めています。今後のデザイン制作にいかがでしょう。 詳細は以下から。 継ぎ目のないデザ... 続きを読む

進化するWebデザイン！参考用トレンド満載のウェブサイト30個まとめ 2015年9月度 - PhotoshopVIP

2015/09/28 106 users ウェブページ 配色 アニメーション PhotoshopVIP

ウェブサイトのデザイン制作に悩んだとき、参考にしたい最新Webデザインをまとめました。美しいレイアウトやグラフィックデザインはもちろん、配色や良質なデザインコンセプトを学んでみてはいかがでしょう。 2015年のWebデザイントレンドを盛り込み、さまざまな仕掛けやアニメーションでユーザーを楽しませてくれ、キラーコンテンツとなるウェブページの作成にどうぞ。 詳細は以下から。 進化するWebデザイン！参... 続きを読む

Photoshopはここまでできる！すごい無料ブラシ素材30個まとめ 2015年9月度 - PhotoshopVIP

2015/09/28 235 users PhotoshopVIP マーカーペン Photoshop

不定期となりますが、Photoshopでのデザインの可能性を広げてくれる、無料ブラシ素材をまとめています。今回は、2015年9月度まとめです。 マーカーペンや万年筆などで、まるで本当に手書きしているような質感を表現できる、デジタル・ペインティング万能アイテムや、水彩絵の具やライティングエフェクト、煙ブラシなどの人気アイテムも揃い、よりPhotoshopでのデザイン制作を楽しくしてくれます。もちろん... 続きを読む