使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選

2024/07/11 6 users 時短 web

「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りた... 続きを読む

Figmaのデザイン制作が楽になる時短プラグイン30選

2024/06/21 95 users figma クリエイター プラグイン ＡＩ機能 統一感

ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成... 続きを読む

デザイナーが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... 続きを読む

デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG

2021/07/19 11 users 株式会社LIG スピード 7選

みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピー... 続きを読む

PDCAサイクルが古い？OODAループと比較、PDCAとOODAの活用方法 | 運用・改善が得意な仙台のホームページ制作会社AndHA（アンドエイチエー）

2021/07/06 78 users りゅういち OODA Hi-Hi PDCA OODAループ

デザイナーのリュウイチです。 早速ですが皆さん... 最近どう？PDCA回してる？ 回してますかぁ。いいですねぇ。Hi-Hi。 より良い質の仕事をしていくのには欠かせませんよね。 仕事のデザイン制作ではもちろん、 趣味のミニ四駆でもPDCAを意識してやってみていて、これがまた面白いんですよ。 そんな事をやっていたら聞こ... 続きを読む

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

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

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

フォトショップがより簡単に！注目の新機能5個まとめ【被写体の選択、Camera Rawフィルタ、マッチフォント】 - PhotoshopVIP

2020/06/18 7 users Photoshop PhotoshopVIP フォント選び

この記事では、今週行われたAdobeアップデートでPhotoshopに新しく追加された注目の新機能や機能強化5つをまとめてご紹介します。 髪の毛など複雑な切り抜きがより正確で高速になったり、一新されたCamera Rawフィルタ機能、フォント選びに便利なマッチフォントの強化など、どれもデザイン制作が捗る便利な機能ばかりで... 続きを読む

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

2020/02/03 8 users インスピレーション アニメーション 配色カラーパレット 注目

この記事では、デザイン制作のインスピレーションや参考にしたい、2020年に入って注目を集めている最新ウェブサイトデザイン37個をまとめています。 2019年の暮れに公開されたサイトも含み、多彩なアニメーションや鮮やかな配色カラーパレット、ストーリーテリング手法など注目のスタイルを揃えました。また、高級感のあ... 続きを読む

ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ - PhotoshopVIP

2019/12/09 11 users ワークフロー PhotoshopVIP ツール 制作 作業

この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフロー... 続きを読む

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

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

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

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

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

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

XDでpsdやaiをリンクさせたい！CCライブラリを使った方法と注意点｜spicagraph｜note

2019/06/13 41 users spicagraph psd Note AIファイル みなさん

この記事は2019/5/25に東京で行われたXD User Fesの発表内容を記事にしたものです。「XDのデザイン制作にpsdやaiファイルをリンクさせて簡単に編集したい！」というお話をしました。全国各地をリレーするXD User Fesは8月まで続きます、お近くのイベントにぜひご参加ください。 はじめにみなさん、デザイン制作にXD使っ... 続きを読む

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

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

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

次世代タクシー配車アプリ「MOV《モブ》」のデザイン制作の背景とプロセス | DeNA DESIGN BLOG

2018/12/20 54 users MOV 久田 モブ DeNA プロセス

こちらは「Service Designer’s Advent Calendar 2018」の20日目の記事です。 2018年12月5日に東京、神奈川でのサービスをスタートした、タクシー配車アプリサービス『MOV《モブ》』について、デザイナーがどんなことをしたのかを、DeNAデザイン本部飯島と久田がご紹介したいと思います。 はじめに 2018年12月、DeNAはタ... 続きを読む

Adobe MAX Japan 2018に参加してきました！ - Gunosy Tech Blog

2018/12/03 10 users Gunosy Tech Blog セッション デザイナー

こんにちは！ニュースパス事業部 デザイナーのsaikoです。 普段は主に「ニュースパス」のUI改善やアプリ内コンテンツのデザイン制作をしています。 少し前になりますが、デザイナーなら胸踊るイベント「Adobe MAX Japan 2018」に参加してきました！ イベントの様子や雰囲気、参加したセッションについてレポートしたいと... 続きを読む

Photoshopで写真をモノクロにする 8個の鉄板テクニック 完全版 - PhotoshopVIP

2018/10/03 30 users ひと PhotoshopVIP テクニック ツール 各種ツール

Photoshopで写真をモノクロに加工する方法は、デザイン制作において欠かせない重要なテクニックです。しかし、加工方法もさまざまで、画像に応じてツールを使い分け、モノクロ加工を行っているというひとは、どれくらいいるでしょう。 今回は、Photoshopの各種ツールを駆使した、写真のモノクロ加工テクニック8個と、い... 続きを読む

これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP

2018/09/21 62 users PhotoshopVIP 小技テクニック 作業 ポイント

これ便利！Photoshopであまり知られていない小技テクニック11選 11 Amazing Photoshop Tips and Tricks (That You Probably DON’T Know) この記事では、Photoshopによるデザイン制作がより快適になる、あまり知られていない小技テクニックをまとめています。より作業がしやすくなるポイントから、大幅に作業時間を短縮す... 続きを読む

Illustratorの知識ゼロからしっかり！プロが教える参考にしたいチュートリアル、作り方32個まとめ - PhotoshopVIP

2018/08/27 55 users Photoshop PhotoshopVIP 操作 表現 機能

デザイン制作に欠かせないツールのひとつ、Adobe Illustratorは、Photoshopと並んで幅広いデザインの表現が可能です。しかし、機能が多すぎて、いきなり操作をはじめてもなかなか思うように制作できないということも。 今回は、Illustratorの基本操作にはじまり、覚えてきおきたい各ツールの実践的な使い方テクニックま... 続きを読む

一気に疑問が解ける！デザインの良書、プロのデザイナーとして必要な知識が得られる -デザインの基本ノート | コリス

2018/08/10 31 users 自信 著作権 ベース テクニック 算出方法

プロとしてのデザイン制作に自信がない、プロのデザイナーになりたい、今まで手つかずだったデザインのテクニックを習得したい、著作権ってどうすればいいの、デザイン料金を算出するベースが欲しい。 デザインに関する知識やテクニックだけでなく、著作権やデザイン料金の算出方法など、プロのデザイナーとして必要な知... 続きを読む

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... 続きを読む