並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 139件

新着順 人気順

デザインツールの検索結果1 - 40 件 / 139件

デザインツールに関するエントリは139件あります。 デザインAdobedesign などが関連タグです。 人気エントリには 『女性の写真を1クリックで裸にしてしまう「DeepNude」が登場』などがあります。
  • 女性の写真を1クリックで裸にしてしまう「DeepNude」が登場

    AIを用いて有名女優のポルノ映像を作成するという「フェイクポルノ」が2017年末から2018年にかけて大流行しましたが、これと同じようにAIやニューラルネットワークを用いることで、女性の写真から服だけを削除して裸にしてしまうという凶悪なアプリケーション「DeepNude」が登場しています。 This Horrifying App Undresses a Photo of Any Woman With a Single Click - VICE https://www.vice.com/en_us/article/kzm59x/deepnude-app-creates-fake-nudes-of-any-woman DeepNudeは服を着た女性の写真から、服部分だけを削除し、胸や外陰部がはだけた裸の写真に変換してしまうというもの。女性の写真のみ変換可能で、実際にDeepNudeを使用したと

      女性の写真を1クリックで裸にしてしまう「DeepNude」が登場
    • PhotoshopやIllustratorの代わりになる!Adobe系ソフトの代替ソフトウェア(有料・買い切り・無料)のまとめ

      Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re

        PhotoshopやIllustratorの代わりになる!Adobe系ソフトの代替ソフトウェア(有料・買い切り・無料)のまとめ
      • Webデザイン100トレース | Hypertext Candy

        こんにちわ!最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効

          Webデザイン100トレース | Hypertext Candy
        • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ

          デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

            UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
          • 無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に!/事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開

              無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に!/事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
            • 「Remove.bg」が便利すぎる!1クリックで画像から背景だけを切り抜く、ついにPhotoshopに対応

              画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます! Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg for Photoshopの使い方 Remove.bg for Photoshopのインストール Remove.bg for Photoshopの使い方 Remove.bg for Photoshopをさっそく使用してみました。 操作は1クリックだけなので、説明することがほとんどありません。 まずは、画像を用意します。

                「Remove.bg」が便利すぎる!1クリックで画像から背景だけを切り抜く、ついにPhotoshopに対応
              • 最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends

                Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ

                  最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends
                • N高等学校でプログラミング教育をはじめて4年が経ちました - Qiita

                  はじめに N高等学校のプログラミング教育の担当者としてもう4年経った、元々ニコニコ生放送の開発者だった @sifue (吉村総一郎)です。 この4年間、本当に沢山の生徒たちとの出会いがありました。 N高に出会ってプログラミングを学び、自らの人生を切り開いていった生徒たちがいました。将来に対して希望を失っていた生徒が、最後は自信を持って大学に進学するのを見届けてきました。小さなコミュニティの中で尖っていたため社会に馴染めずにいた若者が、プログラミングの力で社会を良くしようと社会に巣立っていくのも見届けてきました。これからも彼らの人生がより実りあるものになり、また多くの人たちを助け、社会をより良いものにしていってくれることを切に願っています。 このエントリーについて このエントリーは、N高等学校アドベントカレンダー1日目の記事です。 このエントリーでは、この4年間で試行錯誤のうえ至ったプログラ

                    N高等学校でプログラミング教育をはじめて4年が経ちました - Qiita
                  • AdobeのFigma買収で登録者数は月次で56倍、Googleも使うデザインツール「Penpot」

                    英字新聞社ジャパンタイムズ、スタートアップメディア・テッククランチでの記者経験を経て、ダイヤモンド社のスタートアップ担当記者に。最近はフードテックやモビリティ領域に注目している。趣味はギターやシンセサイザーだが総じて下手。2020年7月よりダイヤモンド社「DIAMOND SIGNAL」記者。 From DIAMOND SIGNAL スタートアップやDX(デジタルトランスフォーメーション)を進める大企業など、テクノロジーを武器に新たな産業を生み出さんとする「挑戦者」。彼ら・彼女にフォーカスして情報を届ける媒体「DIAMOND SIGNAL」から、オススメの記事を転載します。※DIAMOND SIGNALは2024年1月をもって、ダイヤモンド・オンラインと統合いたしました。すべての記事は本連載からお読みいただけます。 バックナンバー一覧 Adobeによるコラボデザインツール運営のFigma買収

                      AdobeのFigma買収で登録者数は月次で56倍、Googleも使うデザインツール「Penpot」
                    • 「Webデザイナーはコーディングできるべきか」という議論に対する私の考え

                      Webデザイン 「Webデザイナーはコーディングできるべきか」という議論に対する私の考え Wednesday, January 15th, 2020 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、3月末まで割引&体験レッスン無料! モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方のための「PHP徹底入門講座」、「WordPressカスタマイズ講座」もご自宅で受講可能です。 過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにし

                        「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
                      • 無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方

                        WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使いやすいため、知っておいて損はありません。 まずは以下からダウンロード。 Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版の「ShapeConverter.exe」をクリック ダウンロードした「ShapeConverter.exe」を起動 右上の「...」をクリックして変換したい「.ai

                          無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方
                        • アイコンデザイン 7つの原則、優れたアイコンをデザインするために

                          Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か

                            アイコンデザイン 7つの原則、優れたアイコンをデザインするために
                          • AdobeのFigma買収とAdobe XDのこれから

                            2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。 これに関してWebデザイン勉強中の方などが「これからFigmaとAdobe XDのどちらを勉強するべき?」と困っているツイートを拝見したのでそれに対する私なりの回答と、 Webデザイナー・UIデザイナーたちの反応や温度感 Web業界の方が意外と見落としている事 脱Adobeしたい方のためのガイド などについてまとめてお話ししたいと思います。 なおこの記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。 追記: Adobeの製品一覧からXDが消滅し、Adobe XD公式ページは消滅 「Adobeのすべての製品一覧」から #AdobeXD が消えました。「XD」で検索しても出てきません。 Dreamweaverで

                              AdobeのFigma買収とAdobe XDのこれから
                            • 「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放

                              Webブラウザ上で動作するため、ダウンロード不要で使えるのが特徴。Creative CloudのメンバーでなくてもWeb版のツールを開いてデータを閲覧することは可能。有料会員であれば、レイヤー内のオブジェクトの移動や削除、文字入れ、「画像の映り込みの修正」といった簡単な編集ができる。 対応ファイルはアドビのクラウド専用ファイル形式である「クラウドドキュメント」のみだが、Photoshopで使われているPSDデータ、IllustratorのAiデータともに、一度Webブラウザ版で読み込むことでクラウドドキュメントに変換されるという。 Webブラウザ版は、同日に発表したチーム管理サービス「Adobe Creative Cloud Web」にも組み込まれている。プロジェクトの初期から制作物などアウトプットまでをオンラインで完結するよう設計されたもので、チームでのデータ管理やコミュニケーションなど

                                「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放
                              • ついにPhotoshopへ驚異的AI機能「ジェネレーティブ塗りつぶし」追加へ、「画像の続きを生成する機能」「被写体を生成して画像内に追加」などができベータ版で利用OK

                                Adobeが画像編集アプリ「Photoshop」にジェネレーティブAI「Firefly」を統合し、AI機能「ジェネレーティブ塗りつぶし」を追加することを発表しました。「ジェネレーティブ塗りつぶし」では「画像の続きを生成」「画像の一部をAIで生成した画像に置き換え」といった操作を実現可能です。 アドビ | Adobe https://www.adobe.com/jp/ Photoshopに搭載されるAI機能「ジェネレーティブ塗りつぶし」はこんな感じ - YouTube 「ジェネレーティブ塗りつぶし」の実例こんな感じ。まず、画像の一部を選択状態にします。 続いて「Generative Fill(ジェネレーティブ塗りつぶし)」をクリック。 すると、道路上のタイヤ痕が消えました。 続いて道路の中央部分を選択。 「yellow road lines(黄色い車線)」と入力して「Generate」をクリ

                                  ついにPhotoshopへ驚異的AI機能「ジェネレーティブ塗りつぶし」追加へ、「画像の続きを生成する機能」「被写体を生成して画像内に追加」などができベータ版で利用OK
                                • Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル

                                  先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基本操作をはじめ、ワイヤーフレームの作成、スタイルの適用、プロトタイプの作成、コラボレーションなど、実践的な使い方がこれでよく分かります。

                                    Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル
                                  • Photoshopの画像生成AIがすごい ついに商用利用もスタートへ (1/3)

                                    Adobeが5月23日、生成AIモデル「Adobe Firefly」に、テキストを使って画像を追加・拡張・削除できる「ジェネレーティブ塗りつぶし」機能を追加。Photoshop(Beta)にベータ版の機能として搭載しました。実際に使ってみると、「以前から研究していたとはいえ、やっぱりAdobeが本気を出してくるとすごいな」という感想でした。 「消したり、足したり」30秒程度で まず試してみたのは、画像生成AI「Nijijjourney」で作ったいかにも生成が面倒くさそうなサイバーパンクの都市を題材にしたAI画像。画像サイズを横幅を1500ドットくらい広げた後に、生まれた空白を範囲選択して「ジェネレーティブ塗りつぶし」。すると適当に周囲の情報を読み、それっぽい形にイラストを広げてくれます。何もないものからよく作れるものです。 左がオリジナル画像のサイバーパンクの都市。右が左右のサイズを広げて

                                      Photoshopの画像生成AIがすごい ついに商用利用もスタートへ (1/3)
                                    • プログラミングの副業おすすめ3選!初心者プログラマーでも月5万稼げる方法を現役エンジニアが教えます – 資格ナビ

                                      プログラミングができれば、副業で稼ぐことができることをご存知でしょうか。 副業解禁の時代になり、副業でプログラミングをする人が増えています(主にプログラマーが多いです)。 エンジニアとして働いていますが、私の周りもプログラマーも、仕事以外でプログラミングスキルを使って副業をしています。 人材不足のIT業界では、プログラミングができる人ならばクラウドでも募集する時代になったのが影響していると感じています。 でもスキルがあるプログラマーでなければ、副業なんてできないと思っていませんか? 確かにスキルがないと受注できない案件も多いですが、初心者プログラマーでもできる副業があり、月に数万円稼ぎながらスキルアップしている人も多いです。 しかもプログラミングスキルがあれば、選べる副業も増えるので今後も稼げることが期待できます。 今回は現役エンジニアが試して、初心者プログラマーにおすすめできる副業を紹介

                                        プログラミングの副業おすすめ3選!初心者プログラマーでも月5万稼げる方法を現役エンジニアが教えます – 資格ナビ
                                      • Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど

                                        Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho

                                          Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど
                                        • ブラウザ版「Photoshop」正式リリース インストール不要、非CCユーザーによるデータ確認にも使える

                                          米Adobeは9月28日、β版として提供していた「Adobe Photoshop Web」の正式版をリリースした。インストール不要でブラウザからPhotoshopの機能にアクセスでき、同社の生成AI「Firefly」などの機能も利用可能。無料版はないものの、Photoshopを含む全てのCreative Cloudプランで使えるとしている。 Web版はインストールなしに、ブラウザ上でPhotoshopの機能が利用できるもので、ファイルの作成や編集だけでなく、デスクトップ版に移動しての作業もスムーズに行うことができる。デスクトップ版と機能は同一ではないものの、β版のリリース以降、よく使われる機能の大半をWeb版に搭載したとしている。 また、データの共有先がPhotoshopユーザーではない場合でも、共有時に生成したリンクからWeb版Photoshopを立ち上げることができ、ファイルの表示とコ

                                            ブラウザ版「Photoshop」正式リリース インストール不要、非CCユーザーによるデータ確認にも使える
                                          • 「Photoshop+生成AI」で起こること【西田宗千佳のイマトミライ】

                                              「Photoshop+生成AI」で起こること【西田宗千佳のイマトミライ】
                                            • Engadget | Technology News & Reviews

                                              Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

                                                Engadget | Technology News & Reviews
                                              • #Illustrator で「ロゴデータ」を作るときのチェックリスト|宮澤聖二 | onthehead

                                                Adobe Illustratorを使用して、コーポレートやブランド・サービスなどのロゴをデザインし、ビジュアルが決定してからクライアントに納品データとしてお渡しするまでの「ロゴデータを作成する工程」について、私が気をつけていることをまとめてみました。 この「ロゴデータを作成する工程」は気をつけなければならい細かい点が多く、作業に時間がかかります。見落としが発生しやすい作業でもあるため自分の備忘録も兼ねて。 ※ 私が試行錯誤しながら構築した作業工程なので、これが正解というわけではありませんし、後から変わるかもしれないので、あらかじめご注意ください。 📋 アートボードをチェックするアートボードはドキュメントの基盤となるもの。 わかりやすいアートボード名を付け、不要なアートボードは削除する。 1-1: アートボードの座標をチェックする 🆙アートボードの座標・サイズの数値に小数が入っていると

                                                  #Illustrator で「ロゴデータ」を作るときのチェックリスト|宮澤聖二 | onthehead
                                                • ついに来ました、Adobeのカメラ。AIファーストな新アプリ「Photoshop Camera」2020年に正式リリース

                                                  ついに来ました、Adobeのカメラ。AIファーストな新アプリ「Photoshop Camera」2020年に正式リリース2019.11.04 23:0031,634 suzuko Adobe MAXでの最重要項目かも。 Adobe(アドビ)がコンピュテーショナル・フォトグラフィーの文脈に一手を打ちます。Adobeは、独自のAIプラットフォーム「Adobe Sensei」を駆使した新カメラアプリ「Photoshop Camera」を発表、プレビュー版を公開しました。iOSとAndroid向けに提供され、正式リリースは2020年とアナウンスされています。 世界中のプロが使うPhotoshopのデータから学習をくりかえすAdobe Senseiのちからをカメラアプリにパッケージ、ソーシャルとコミュニティのなかでだれもがAIのちからで写真を楽しめるアプリです。 Adobeが「長年クリエイティブに貢

                                                    ついに来ました、Adobeのカメラ。AIファーストな新アプリ「Photoshop Camera」2020年に正式リリース
                                                  • ニューモーフィズムとは、デザインする時に知っておきたいポイント、CSSでの実装方法

                                                    ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム

                                                      ニューモーフィズムとは、デザインする時に知っておきたいポイント、CSSでの実装方法
                                                    • 世界的なワコム炎上騒動、原因Adobeだと判明「Adobe stock素材集がAI生成画像を手描きと偽って販売」

                                                      Megan (they/them) @meganroseruiz @wacom It seems like y’all purchased the dragon images on Adobe Stock from this user. The user’s entire page is filled with hundreds of images that are CLEARLY AI generated! stock.adobe.com/images/chinese… 2024-01-10 06:12:16 このユーザーからAdobe Stockのドラゴン画像を購入したようです。 このユーザーのページ全体は、明らかにAIで生成された数百もの画像で埋め尽くされている!

                                                        世界的なワコム炎上騒動、原因Adobeだと判明「Adobe stock素材集がAI生成画像を手描きと偽って販売」
                                                      • 2020年に注目したい人気プロトツール「Figma」のベストプラグイン厳選52個まとめ

                                                        Figmaは、現在人気となっているプロトタイプツールのひとつです。 SketchやAdobe XDと比較すると、「リアルタイムで他の人とコラボレーションできる」点が優れています。つまり、ネット環境さえあれば、ブラウザ上でいつでもプロジェクトを起動できます。 しかし、Figmaには大きな欠点とし、SketchやAdobe XDユーザーが使っているツールが見つからないことも。そんなときは、Figmaをカスタマイズ、拡張できるプラグインを利用してみましょう。 この記事では、Figmaのデザイン制作が捗る便利プラグイン52個をまとめてご紹介します。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. 生産性アップ、便利系 2. アニメーション向け 3. デザイン、クリエイティブ系 4. 配色、カラーパレット系 5. 地図、チャート図 6. ワイヤーフレーム

                                                          2020年に注目したい人気プロトツール「Figma」のベストプラグイン厳選52個まとめ
                                                        • アドビが生成AI「Firefly」を一般公開 「Creative Cloud」に統合 コンテンツは商用利用可能

                                                          アドビは9月13日、コンテンツ生成AI「Adobe Firefly」のWeb版と、同社の一部デスクトップアプリに統合されたFireflyの機能を一般公開した。これにより、Fireflyによって生成されたコンテンツの商用利用が解禁される。 一般公開版の概要 Fireflyは2023年3月からβテストが行われてきた。当初はプロンプト(文章)によるコンテンツ生成は英語にのみ対応していたが、日本語を含む多言語対応を進めるなど、機能の拡充を進めてきた。「Adobe Photoshop」「Adobe Illustrator」などのデスクトップ向けβアプリにも、Fireflyの技術が順次搭載されている。 →初登場時の記事 →Photoshopアプリへの実装時の記事 →Illustratorアプリへの実装時の記事 Adobe(アドビの親会社)によると、これまでにFireflyを使って生成されたコンテンツは

                                                            アドビが生成AI「Firefly」を一般公開 「Creative Cloud」に統合 コンテンツは商用利用可能
                                                          • 【商用可&無料】2019年上半期ベスト英語・日本語フリーフォント厳選90個まとめ

                                                            当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2019年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 オシャレな英語フリーフォントから、需要の多い日本語フォント、2019年注目を浴びている高級感のあるセリフ書体、安定人気の筆記体、筆ブラシの手書きナチュラル系、モダン・レトロ、ビンテージ、デコレーションなど幅広いカテゴリよりフリーフォント素材90個を厳選しています。 2018年の商用可能なフリーフォントに関しては、以下の記事を参考にどうぞ。 商用可で完全無料!2018年公開のフリーフォント素材132個総まとめ コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント

                                                              【商用可&無料】2019年上半期ベスト英語・日本語フリーフォント厳選90個まとめ
                                                            • 2019年間ベスト!Web制作を変える便利オンラインツール厳選85個

                                                              2019年も残すところわずかとなり、今年もWeb制作を快適にするオンラインツールがたくさん公開されました。 この記事では、今年紹介したツールのなかでも特に話題になった2019年の便利オンラインツールベスト85個をまとめてご紹介します。 実際に制作フローに取り入れて便利だったツールを選りすぐったこのコレクションには、「無料で利用できることを基本としたツール」を揃えています。これらのツールやサービスを活用して、より快適なWeb制作ライフを過ごしましょう。 2019年に登場した最新オンラインツール一覧 以下は、2019年にかけて当サイトで紹介した、ウェブ制作が捗る便利ツール一覧となります。今回未紹介のツールが中心となっているので、こちらも一度目を通しておくことをオススメします。 ウェブデザイン制作が爆速に!便利な最新オンラインツール47個まとめ ウェブデザイン制作が加速中!便利な最新オンラインツ

                                                                2019年間ベスト!Web制作を変える便利オンラインツール厳選85個
                                                              • Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita

                                                                Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい(≒Webフロントエンドエンジニアにやさしい)デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき

                                                                  Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
                                                                • ニューモーフィズム?CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ

                                                                  Neumorphism(ニューモーフィズム)は、昨年末ごろより新しいデザイントレンドになるのではと話題となっている新しいデザイン手法です。 この記事では、ニューモーフィズムの基本や作成上の注意点、コピペで実装できるHTML/CSSスタイリング、参考スニペットまでまとめてご紹介します。 ニューモーフィズムって何? ニューモーフィズムは、一昔前に流行った「スキューモーフィズム」のリアルな質感と、フラットやマテリアルデザインのようなシンプルさを組み合わせた新しいスタイル。言葉の由来も、New(新しい)+Skeumorphism(スキューモーフィズム)からきた造語。 dribbbleで4500以上のいいねが付いている、ニューモーフィズムの火付け役となった作品 Skeuomorph Mobile Banking by Alexander Plyuto 少し前までは、マテリアルデザインの登場によって「

                                                                    ニューモーフィズム?CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ
                                                                  • デザイナーとエンジニアのコミュニケーションプロトコルを設計する 〜はてなブックマークアプリDark Mode実装の現場より〜 - Hatena Design Group

                                                                    こんにちは!はてなデザインチーム所属のid:cormorantcraftです! 先日、配信させていただいたはてなブックマークiOS版のDark Mode、みなさん使っていただけているでしょうか? 今回はそのDark Modeの実装にあたって、デザイナーとエンジニアのコミュニケーションをどのように行っていたかという点にフォーカスしてお話しさせていただければと思います。 コミュニケーションプロトコルの設計 いきなり「コミュニケーションプロトコルの設計」って言われても? という声が聞こえてきそうですが、Dark Mode実装の上で平たく表現すると「色を指定するデザイナー」と「色を実装するエンジニア」の間の意思疎通の枠組みを作ることです。 これをしないで進行してしまうと、デザイナーとエンジニアの間で手戻りが多数発生したり、精神的にお互い疲弊したりチームの雰囲気にも悪影響が出たりしてしまいます。気持

                                                                      デザイナーとエンジニアのコミュニケーションプロトコルを設計する 〜はてなブックマークアプリDark Mode実装の現場より〜 - Hatena Design Group
                                                                    • The Blog | Welcome to Adobe Blog

                                                                      The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

                                                                        The Blog | Welcome to Adobe Blog
                                                                      • How to Make an Old Mac, MacBook, or iMac Faster

                                                                        Want to make your old Mac run faster? Here are some tips on how to make your Mac feel faster, even if it's super old. Every computer begins to show its age over time. You likely know the signs of an outdated Mac: you can make a sandwich in the time it takes to boot your machine, it doesn't support the newest version of macOS, and modern resource-intensive software struggles to run. But you might n

                                                                          How to Make an Old Mac, MacBook, or iMac Faster
                                                                        • Photoshopで画像生成AIをサクッと使える無料プラグイン「Auto-Photoshop-StableDiffusion-Plugin」使い方まとめ

                                                                          Stable Diffusionなどの画像生成AIは作品制作のアイデア出しや素材出力に非常に便利です。無料で公開されているPhotoshopプラグイン「Auto-Photoshop-StableDiffusion-Plugin」を使えば、Stable Diffusionで生成した画像を即座にPhotoshop上で編集できるとのことなので、実際にAuto-Photoshop-StableDiffusion-Pluginをインストールする手順や使い方を確認してみました。 GitHub - AbdullahAlfaraj/Auto-Photoshop-StableDiffusion-Plugin: A user-friendly plug-in that makes it easy to generate stable diffusion images inside Photoshop usin

                                                                            Photoshopで画像生成AIをサクッと使える無料プラグイン「Auto-Photoshop-StableDiffusion-Plugin」使い方まとめ
                                                                          • 5年半勤めたエンジニアチームを辞めて、UXチームにジョインしました - freee Developers Hub

                                                                            こんにちは、お久しぶりです、 id:ymrl です。 2019年も年末調整とAdvent Calendarの季節がやってきました。いつものごとく、今日から25日まで毎日、freeeの開発に関わるメンバーが日替わりでブログを書いていきます。ということで、この記事はfreee Developers Advent Calendar 2019の1日目です。よろしくお願いします! エンジニアチームを辞めました freeeに入社したのは2014年の1月で、エンジニアチームには5年半いたことになります。入社したときにはエンジニアが10人くらい、全部でも20人もいないような小さな会社だったのが、5年半で25倍以上の規模の会社になりました。デカくなった。 5年半のあいだ、ほぼエンジニア一筋でやってきたんですが、思うところがあって今年の6月末まででエンジニアのチームを離れ、7月からUXチームで働いています。今

                                                                              5年半勤めたエンジニアチームを辞めて、UXチームにジョインしました - freee Developers Hub
                                                                            • 「画像検索はここまで来たのか」とすさまじさを実感するAdobeのAI「Adobe Sensei」の秘密を開発者が解説

                                                                              近年はソフトウェア開発の場の多くで人工知能(AI)が利用されており、その活用の場は1日1000個のA/Bテストを行う「Booking.com」や配車アプリLyftのマーケティングを自動化までさまざまです。Photoshopの開発元であるAdobeのAI「Adobe Sensei」も機械学習を利用していますが、「他とは違う独特のデータ」を持っているがゆえに、画像検索や動画編集などのレベルがすさまじいことになっています。 Adobe Sensei https://www.adobe.com/jp/sensei.html 左側の男性がAdobe Senseiのエンジニアリング担当ヴァイスプレジデントであるスコット・プレボスト氏で、右側の男性がアメリカPRチームのクレッグ・カリーカ氏。 Adobe Senseiは、いわゆる「一般的なAI」とは目的が異なります。Adobeは画像・映像の処理という専門

                                                                                「画像検索はここまで来たのか」とすさまじさを実感するAdobeのAI「Adobe Sensei」の秘密を開発者が解説
                                                                              • もう、SP用のWebデザインを倍の解像度で作るのをやめよう

                                                                                デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考:mix-blend-mode - CSS: カスケーディングスタイ

                                                                                  もう、SP用のWebデザインを倍の解像度で作るのをやめよう
                                                                                • Illustratorをしっかり学ぶ!すごいチュートリアル、使い方50個まとめ 2019年8月度

                                                                                  この記事では、Illustratorの使い方を実践から学ぶ最新チュートリアル、つくり方をまとめてご紹介しています。レトロスタイルや鮮やかなグラデーションなどトレンドを意識したものから、デザインの現場で取り入れたい新機能や便利テクニックまで幅広く揃います。 前回のまとめからおよそ3ヶ月ぶりとなる今回は、基本的なツールの使い方をマスターできる、初心者のひとにもオススメしたいチュートリアルが多く、どれも実用的なものばかり。これを機会にデザインの幅を広げてみてはいかがでしょう。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 Illustratorをしっかり学ぶ!すごいチュートリアル、つくり方50個まとめ レトロなストライプ柄のテキストエフェクトのつくり方 ビンテージな配色が目を引く、70年代風のレトロデザインが素敵な動画チュートリアル。 かわいいユニコーンのキ

                                                                                    Illustratorをしっかり学ぶ!すごいチュートリアル、使い方50個まとめ 2019年8月度

                                                                                  新着記事