並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 86件

新着順 人気順

sketchの検索結果1 - 40 件 / 86件

  • 最高のデザインツール「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
    • イラストを線画に変換する「Anime2Sketch」が登場

      イラストやアニメのワンシーンには丁寧に色が塗られているものですが、これを色を塗る前の線画に変換することができるアプリケーション「Anime2Sketch」が、GitHub上で無料で公開されています。 GitHub - Mukosame/Anime2Sketch: A sketch extractor for anime/illustration. https://github.com/Mukosame/Anime2Sketch イラストから線画を生成することができる「Anime2Sketch」は、LinuxまたはmacOSで動作するアプリケーション。プログラミング言語のPythonで構築されており、CPUあるいはNVIDIA製のGPU+NVIDIA cuDNNの組み合わせで動作させることができます。 実際にどのような線画が出力できるのかというと、以下の通り。左が入力画像(イラスト)で、右が

        イラストを線画に変換する「Anime2Sketch」が登場
      • AWS Sketch

        AWS Sketch is meant to show the AWS Services as informative drawings. We write about Cloud and Engineering in a newsletter called Cloud Weekly. Advance faster in your career with us. Visit Cloud Weekly!

          AWS Sketch
        • 絵心がない線画を“いい感じの作品”に変える画像生成AI「Sketch-to-Image」 Googleなどが開発

          Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Google ResearchとイスラエルのTel Aviv Universityに所属する研究者らが発表した論文「Sketch-Guided Text-to-Image Diffusion Models」は、落書きのようにざっと描いた絵を入力テキストに従って詳細な画像を生成する深層学習モデルを提案した研究報告だ。手描きのスケッチを任意のテキストプロンプトによるスタイル制御で、自然な高精細画像に変換する。 大規模なテキストから画像への拡散モデルは、与えられたテキストプロンプトに従った前例のない品質の多様な画像の合成を可能にし、コンテンツの作成と編集のための刺激的なツールとなってきた。 しか

            絵心がない線画を“いい感じの作品”に変える画像生成AI「Sketch-to-Image」 Googleなどが開発
          • Adobe XDがSketchよりも優れている理由

            最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れなのでしょうか。 Why Adobe XD is better than Sketch. by Simon Fairhurst 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Sketchの特徴 Adobe XDの特徴 はじめに 私の前回の記事では25,000を超える閲覧と共有があり、SketchとAdobe XDの2つのツールの比較について補足したいと思いました。 前回の記

              Adobe XDがSketchよりも優れている理由
            • Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて|Spacemarket Design

              こんにちは! 株式会社スペースマーケットデザイン部の久保です。 ここ数年はデザインツールの戦国時代と言われるほど世の中には色んなデザインツールがありますが、2019年10月現在のスペースマーケットのデザイン部ではFigma をメインに使用しています。 この4年間でPhotoshop → Sketch ⇔ XD → Figma とスペースマーケットに合ったデザインツールを探して右往左往していましたが、今のところはFigma を使用するのが最適解だと感じています。 Sketch → Figma 移行時の背景や実際に移行してみての実践等は横井が詳しく記事にしてくれていますのでそちらを参考にしていただき、今回はSketch からFigma へ移行した際、そもそもなぜ移行したかったのかの掘り下げと、移行して楽になったことなどの効率面をまとめました。 移行に迷っている方から普段Figma に慣れ親しん

                Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて|Spacemarket Design
              • 手書きした絵コンテの人物画を3Dキャラクターに自動変換する「Sketch2Pose」 不自然なポーズも自動修正【研究紹介】

                カナダのUniversité de Montréalによる研究チームが開発した「Sketch2Pose: Estimating a 3D Character Pose from a Bitmap Sketch」は、手書きで描かれた1枚のスケッチからその人物の3Dキャラクターのポーズを再構築する深層学習フレームワークだ。姿勢のバランスや身体部分の長さが不自然な人物画でも、システムが補正し整った3Dヒューマノイドキャラクターに仕上げる。 ▲手書きスケッチから実際に出力した3Dキャラクター例。入力画像:上段©Olga Posukh、下段© Brad Regier keyboard_arrow_down 研究背景 keyboard_arrow_down 研究過程 keyboard_arrow_down 実証実験 現代のデジタルメディア制作では、絵コンテの初期段階で、アーティストがキャラクターのスケ

                • GitHub - Mukosame/Anime2Sketch: A sketch extractor for anime/illustration.

                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                    GitHub - Mukosame/Anime2Sketch: A sketch extractor for anime/illustration.
                  • 「使いやすい&運用しやすい」を目指したデザインシステムのSketch管理

                    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。ヤフーで社内システムを担当しているデザイナーの今河、田嶋です。 以前、「社内システム特化なデザインシステムのメリット 〜 ヤフー社内のデザインシステム紹介」という記事で、社内のデザインシステム「SAYA」を紹介しました。 今回は、「SAYA」のリソースの1つである「UIkit」の作り方のtipsや運用方法について詳しく紹介します。 UIkitとは、デザインシステムで定義されているカラーやコンポーネントなどをUIアセットとして、1つのデザインファイルにまとめたものです。 世の中にはSketchやAdobe XD, Figmaなどを筆頭にさまざまなデザインツールがありますが、SAYAではSketchをメインに使っています。

                      「使いやすい&運用しやすい」を目指したデザインシステムのSketch管理
                    • Seamless on Twitter: "手書きした絵コンテの人物画を3Dキャラクターに自動変換する「Sketch2Pose」 不自然なポーズも自動修正 https://t.co/ijvgjjUMhL 手書きスケッチの2D人物画から3Dキャラクタポーズを再構築する。身体部… https://t.co/wYVLo8Qgrb"

                      手書きした絵コンテの人物画を3Dキャラクターに自動変換する「Sketch2Pose」 不自然なポーズも自動修正 https://t.co/ijvgjjUMhL 手書きスケッチの2D人物画から3Dキャラクタポーズを再構築する。身体部… https://t.co/wYVLo8Qgrb

                        Seamless on Twitter: "手書きした絵コンテの人物画を3Dキャラクターに自動変換する「Sketch2Pose」 不自然なポーズも自動修正 https://t.co/ijvgjjUMhL 手書きスケッチの2D人物画から3Dキャラクタポーズを再構築する。身体部… https://t.co/wYVLo8Qgrb"
                      • フリーハンドで電子回路を描ける手持ちプリンター「Print-A-Sketch」手書き絵のスキャン・コピーも可能 ドイツチームが開発【研究紹介】

                        TOPコラム海外最新IT事情フリーハンドで電子回路を描ける手持ちプリンター「Print-A-Sketch」手書き絵のスキャン・コピーも可能 ドイツチームが開発【研究紹介】 フリーハンドで電子回路を描ける手持ちプリンター「Print-A-Sketch」手書き絵のスキャン・コピーも可能 ドイツチームが開発【研究紹介】 2022年4月12日 ドイツのSaarland UniversityとドイツのMax Planck Institute for Informaticsの研究チームは、手書きの要領で描くように電子回路を印刷できるハンドヘルドプリンターデバイス「Print-A-Sketch: A Handheld Printer for Physical Sketching of Circuits and Sensors on Everyday Surfaces」を開発した。ユーザーはデバイスをさま

                        • 簡単で便利!Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette

                          最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyPalette CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンラインツールです。生成されるカラーパレットはSVGなので、さまざまなソフトウェアにコピペで利用できます。 CopyPaletteの使い方は簡単、登録など面倒なことも一切不要です。 まずは、サイトにアクセスします。

                            簡単で便利!Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette
                          • Sketchを使ったAtomic Designのワークフロー

                            SketchとAtomic Designという強力なツールと方法を組み合わせれば、デザイナーはデザインシステムを作成して、ワークフローを標準化し効率化することができます。 デザインシステムとは デザインシステムとはチームがプロダクトを制作し運用する際に共通の言語で繋がれるように、再利用できるコンポーネントとガイドラインをまとめたものです。 ほとんどの場合、デザインシステムはスタイルガイドとコンポーネントライブラリから構成されています。加えて、ブランドバリューや、口調や雰囲気といった要素を含めることもあります。デザインシステムを導入する際のポイントは、プロダクトやブランドについての唯一の正しいソースとして運用される基準を作ることにあります。 Googleのマテリアルデザインは構築されたUIデザインシステムの一例です。マテリアルデザインは2014年に、一貫したAndroidアプリをデザインし開

                              Sketchを使ったAtomic Designのワークフロー
                            • Android版 pixiv Sketchの新ドロー機能を開発したのでその裏側を赤裸々に語ります - pixiv inside

                              Androidアプリをつくっているkobakenです。DroidKaigi 2019の登壇予告記事を投稿して以来ですね。皆さん元気にしていましたか? kobakenはというと、Android版 pixiv Sketchをもりもり開発しておりました。Jetpack Composeをプロダクション投入したすぎてウズウズしています。 さて、今回はそんなAndroid版 pixiv Sketchのドロー機能を刷新して(以下、新ドローと呼びます。)新しい体験をお届けできたので、その開発の裏側についてご紹介していこうと思います。 Android版 pixiv Sketchの新ドロー機能をリリースしました! Androidをお持ちの方は、とりあえず触ってみてください。 play.google.com 今回紹介するpixiv Sketchの新ドロー機能とは、 お絵かき新規勢でも直感的に触れるUI 普段お絵

                                Android版 pixiv Sketchの新ドロー機能を開発したのでその裏側を赤裸々に語ります - pixiv inside
                              • GitHub - cisco-open/network-sketcher: Network Skecher makes network design and configuration management faster, more accurate, and easier. Simply create your first rough sketch and it will automatically generate L1L2L3 network diagrams and management tabl

                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                  GitHub - cisco-open/network-sketcher: Network Skecher makes network design and configuration management faster, more accurate, and easier. Simply create your first rough sketch and it will automatically generate L1L2L3 network diagrams and management tabl
                                • 2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】 | Web Design Trends

                                  TOP > デザイン > デザインツール > 2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場しています。 今回は、2020年現在おすすめの人気UIデザインツールをご紹介していきたいと思います。

                                    2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】 | Web Design Trends
                                  • 2015年にMac App Storeから撤退したMac用デザイン&プロトタイピングツール「Sketch」が、再びMac App Storeに登場。

                                    2015年にMac App Storeから撤退したMac用デザイン&プロトタイピングツール「Sketch」が、再びMac App Storeに登場しています。詳細は以下から。 Appleは2010年に開催した”Back to the Mac”イベントで、iOSと同じくアプリの配布やアップデートを行える「Mac App Store」を発表しましたが、発表当初は曖昧なAppleのガイドラインやSandbox、時間がかかるレビュー、手数料など多くの問題が山積し、公開から数年でBBEditやCoda、TextExpanderなど多くのアプリがMac App Storeから撤退し、再びMac App Store外での配布に切り替えましたが、 同じく、Appleのレビューに時間がかかる点やSandboxによる機能の制限、ユーザーにアップグレード価格を適用できないとして2015年12月にMac App

                                      2015年にMac App Storeから撤退したMac用デザイン&プロトタイピングツール「Sketch」が、再びMac App Storeに登場。
                                    • pixiv SketchのSSRをFluxibleからNext.jsにリプレースしました! - pixiv inside

                                      pixiv SketchのWeb版はReact + FluxibleでSSRを実現していました。 今回、FluxibleというライブラリをRedux Toolkit + Next.jsでリプレースした話をさせていただこうと思います。 このリプレースで狙った効果は、クライアントサイドのパフォーマンス向上と、開発容易性・メンテナンス性の向上の2つです。 背景 Next.js化前、つまりFluxibleの時点での状態として以下のものがありました。 Fluxibleの開発が止まってしまっている・Fluxibleの知見が少ない 致命的なバグや脆弱性があったときに対応できない FluxibleはReact 15.x までしか対応しておらず、16以上はサポート対象外 Storybookのstoryにできるコンポーネントと、できないコンポーネントにわかれてしまう コンポーネントにFluxible由来のアク

                                        pixiv SketchのSSRをFluxibleからNext.jsにリプレースしました! - pixiv inside
                                      • WordPressワードプレス無料テーマ Catch Sketch インストールと設定・使い方

                                        ワードプレステーマシリーズ222回目 Catch Sketchは、クリーンでレスポンシブな多目的WordPressテーマで、完全に無料です。 テーマは汎用性が高く、あらゆる種類のビジネススタイルに適応する柔軟な機能が付属しています。 Catch Sketchは、審美的で最小限のデザインで完全に反応します。 製品やサービスの宣伝に最適な方法で設計されています。 個人ウェブサイト、企業サイト、写真ブログのいずれであっても、Catch Sketchは最適なテーマです。 あなたのウェブサイトは、見た目が美しく、プロフェッショナルに洗練されています。 注目コンテンツ、注目スライダー、ヒーローコンテンツ、ポートフォリオ、サービス、ソーシャルアイコン、お客様の声、信じられないほどのサポート、WordPress標準コードなどの機能が付属しています。 これらすべての基本機能がCa

                                          WordPressワードプレス無料テーマ Catch Sketch インストールと設定・使い方
                                        • SketchとGoogleスプレッドシートを連携させてアプリの文言を管理する|osanai / ui designer

                                          アプリのボタンの文言を決めるとき、「体言止めにする? 動詞にする? あれ、既存画面の文言はどうしてたっけ?」ってなるときがあります。Kanmu のデザイナー小山内です。 アプリ内文言の一覧があれば、表記ゆれに気づきやすいかなって。あわよくば、それを Sketch にシームレスに取り込めたらラクかなって。そう思っていたら、Kanmu Tech Day がやってまいりました。 Kanmu Tech Day とは テクノロジーを使って業務の効率化や、何かおもしろそうな試みをやってみようという、月に1回おとずれる社内アクティビティ。 新しいツールを試してみるもよし。プログラムを書いてみるもよし。18:00頃から缶ビールをあけ、ひとり1〜2分で今日やったことをゆるく発表しあう会。文言管理のしくみが欲しいと思って、ぼくが作ってみたものがコレ↓ アプリのボタン文言を一覧するスプレッドシートと、 スプレッ

                                            SketchとGoogleスプレッドシートを連携させてアプリの文言を管理する|osanai / ui designer
                                          • VRで3Dモデルを作れるプロ向けツール「Gravity Sketch」Oculus Questに対応

                                            VRで3Dモデルを作れるプロ向けツール「Gravity Sketch」Oculus Questに対応 VRでハイクオリティな3Dモデルを制作できる「Gravity Sketch」が、Oculus Questに対応しました。「Gravity Sketch」はクロスバイ(※)にも対応しており、Oculus Rift向けに購入している場合はそのままOculus Questでも使用できます。価格は2980円、購入はOculus Storeの製品ページから。 (※クロスバイ……ソフトを1つ購入すれば、同ソフトの他機種版もプレイ可能となる仕組み) クロスバイにも対応、Oculus Questで3Dモデリング 「Gravity Sketch」はプロ向けに開発されたデザイン・モデリングツール。「Tilt Brush」や「Medium」といった他のVR向け3Dモデリングツールにはない機能を駆使して、細部まで

                                              VRで3Dモデルを作れるプロ向けツール「Gravity Sketch」Oculus Questに対応
                                            • iOSシミュレータの操作を録画しSlackやGitHubなどで共有できるMacアプリ「RocketSim」がSketchやFigmaで作成したイメージソースとの比較機能をサポート。

                                              iOSシミュレータ上の操作を録画しSlackやGitHubなどで共有できるMacアプリ「RocketSim」がSketchやFigmaなどのイメージソースとの比較とTouch操作の録画をサポートしています。詳細は以下から。 RocketSim for Xcod‪e‬はAntoine van der Leeさんが開発している開発者向けのユーティリティアプリで、iOSシミュレータの画面や操作を録画しSlackやGitHubなどで共有できるようGIFやMP4形式で書き出してくれる機能がありますが、このRocketSimがデザインを比較できるRocketSim Compare機能を搭載した「RocketSim for Xcod‪e‬ v4.0」をリリースしています。 Introducing RocketSim Compare Compare designs from Sketch, Figma,

                                                iOSシミュレータの操作を録画しSlackやGitHubなどで共有できるMacアプリ「RocketSim」がSketchやFigmaで作成したイメージソースとの比較機能をサポート。
                                              • いちばん詳しい Sketch / XD / Figma / Studio の比較 〜6. まとめ|平田 / U-NEXT

                                                Sketch, XD, Figma, Studio を比較する連載記事の6番目です。今回で終わりです。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ    ◀イマココ 今回はまとめです。各ツールの総括と、補足的な情報、ここまで比較しての結論などを書きます。 各ツールの総括各ツールについて、特徴などの総括です。詳細はいままでのnoteでぜひ。 Sketch: ★ 歴史が長く、ユーザーも最多であるため、安定して使いやすく全体的な完成度が非常に高い。リファレンス・リソースもたくさんある ★ 大規模なUIドキュメントにも耐えうるすぐれた保守・管理性能を持つ ★ 複数人でSketchを使うならAbstractの導入がオススメ。VCS、コラボレーション、ハンドオフなど、運用面を劇的に改善してくれる

                                                  いちばん詳しい Sketch / XD / Figma / Studio の比較 〜6. まとめ|平田 / U-NEXT
                                                • Monster Mash: New Sketch-Based Modeling and Animation Tool

                                                  Detailed Information1. Getting StartedMonster Mash is a new sketch-based modeling and animation tool that allows you to quickly sketch a character, inflate it into 3D, and promptly animate it. You can perform all interactions in the sketching plane. No 3D manipulation is required. This demo accompanies a paper Dvorožňák et al.: Monster Mash: A Single-View Approach to Casual 3D Modeling and Animati

                                                    Monster Mash: New Sketch-Based Modeling and Animation Tool
                                                  • Sketch · Collaborative Design for Everyone

                                                    There’s no “I” in team. Sure, there’s one in design, but that doesn’t mean you have to do it alone. Every project is different, so our real-time collaborative design tools mean you choose what to share, when to share it and how you work together. Share a Workspace Bring your people, documents, Libraries and more together with a Sketch Workspace. You’ll always have full, instant control over who’s

                                                      Sketch · Collaborative Design for Everyone
                                                    • VRで3DCGが作れる「Gravity Sketch」個人利用が無料に

                                                      VRで3DCGが作れる「Gravity Sketch」個人利用が無料に VRでハイクオリティな3Dモデルを制作できるアプリ「Gravity Sketch」が個人向けに無料となりました。すでにOculus StoreやSteamなどのプラットフォームでは無料になっています。 「Gravity Sketch」は2017年にSteamでアーリーアクセス版がリリース。現在はOculus Store(Rift/Quest)でも配信されています。同アプリは、プロ向けに開発されたデザイン・モデリングツールと位置付けられており、「Tilt Brush」や「Medium」といった他のVR向け3Dモデリングツールにはない機能を駆使して、細部まで作り込んだ3Dモデルを制作できるのが特長です。 価格は約3,000円程度だったものがこの度無料になります。今回無償化の対象となったのは、個人ユーザー版の「Gravity

                                                        VRで3DCGが作れる「Gravity Sketch」個人利用が無料に
                                                      • Sketchと1対1を目指すAtomic designなSwiftUIの作り方 - Qiita

                                                        はじめに VALU Advent Calendar 2019 11日目 (!) の記事です! VALU ではデザインに Atomic design (アトミックデザイン) を採用しています。 本記事では,VALU のデザイナーが作成した素敵な Sketch シンボルを差分なく反映し,かつ変更に耐えうる SwiftUI を運用するための方法をご紹介しようと思います。 昨年の VALU Advent Calendar にて,Sketchと1対1を目指すAtomic designなStoryboardの作り方 を投稿しました。本記事はそれを SwiftUI で行ったものです。まだご覧になっていない方は先にご覧ください。 Highlights SwiftUI を利用することで,「ファイル数増加」「子View更新時の伝播」「親ViewのConstraints破棄」など,UIKit (昨年の実装) で

                                                          Sketchと1対1を目指すAtomic designなSwiftUIの作り方 - Qiita
                                                        • Greyhound - Free Flowcharts for Figma & Sketch App

                                                          Free Flowcharts for Figma & Sketch App. Create beautiful sitemaps and wireframes with fully customizable 200+ ready-to-use flowcharts.

                                                          • Affinity Designerを動画に活用、Sketch, Figmaとの使い分けなどイベントの登壇内容まとめ

                                                            この記事は、2019年7月に開催した「Affinity User Group JAPANミーティング #1」での大嶺 建さんと勝谷 元気さんの登壇内容の動画等をご紹介します。 Affinity Designerで簡単YouTube動画制作術 登壇者の大嶺 建さんはYMRchannelというYouTubeチャンネルをされていて、動画編集ではDaVinch Resolveを使用されています。 テロップ作成にAffinity Designer、サムネイル作成にAffinity DesignerとAffinity Photoを使用されているそうです。 個人的には、Affinity Publisherで制作した雑誌風スライドの完成度の高さが目を引きました。 このスライドのPDFは以下からダウンロードできます。 PDFをダウンロード Affinity Publisher形式のデータは以下からダウンロー

                                                              Affinity Designerを動画に活用、Sketch, Figmaとの使い分けなどイベントの登壇内容まとめ
                                                            • iOS13のSF SymbolsをSketchやXDで使う|平田 / U-NEXT

                                                              SF Symbols をデザインファイル上で使うのに少しつまずいたので、使い方を共有しておきます。 SF Symbolsとは SF Symbols は先日のWWDC19の中で発表された、Apple公式のアイコンフォントです。用意された数多くのアイコンを、気軽にアプリの中で使用できます。アイコンのラインの太さを9段階から選べます。 SketchやIllustratorの中で使うには1.まず、こちらのサイトからSF Pro フォントをダウンロードし、インストールします。すでにインストールしている人も、2019年6月より以前にダウンロードしていた方は、一度アンインストールして入れ直してください。

                                                                iOS13のSF SymbolsをSketchやXDで使う|平田 / U-NEXT
                                                              • UnityのUI組み上げコストはどう減らす? UIデザインツールSketchからUnityのUIを作成する「SketchConverter」

                                                                「CA.unity」は株式会社サイバーエージェントが運営するUnityをテーマにした勉強会です。 サイバーエージェントのサービス開発者と社外の開発者を交えて、Unityに関する知見を共有します。KLab株式会社の大野氏は、UIデザインツール「Sketch」からUnityのUIを作成する「SketchConverter」について発表しました。 SketchのデータをUnity向けに変換するツールを作成 大野友貴人氏(以下、大野):それでは、「UIデザインツールSketchからUnityのUIを作成する」という内容を始めていきます。よろしくお願いします。 私は、KLab株式会社の大野と申します。KLabには5年前に中途入社しました。複数のゲームのプロジェクトに携わった後、現在は基盤を担当する部署で働いています。 今日の内容ですが、KLabでは「Sketch」というUIデザインツールを利用してい

                                                                  UnityのUI組み上げコストはどう減らす? UIデザインツールSketchからUnityのUIを作成する「SketchConverter」
                                                                • 人工知能すご!画像や写真を手書きスケッチ風に変換する無料ツール Image to Sketch AI

                                                                  撮影した写真や画像をアップロードするだけで、手書きスケッチ風に変換してくれる無料オンラインツール Image to Sketch Aiをご紹介します。 人工知能テクノロジーを活用することで、あなたの写真を鉛筆で手描きスケッチしたようなエフェクトに素早く、自動で仕上げることができます。 Sketch to AIの特長 Sketch to AIは、1枚の写真をドラッグ&ドロップでウェブサイトに取り込むだけで、人工知能システムを駆使することで、複数の異なるスタイルのスケッチ画像を作成できるオンラインサービスです。 実際に以下の画像をアップロードしてみました。 Photo by Jimmy Fermin on Unsplash 画像をアップロードすると、変換されるまでに1分ほどかかりました。作成された手書きスタイルは、全部で6つ。 手書きスケッチに変換された画像は、それぞれダウンロードできます。フ

                                                                    人工知能すご!画像や写真を手書きスケッチ風に変換する無料ツール Image to Sketch AI
                                                                  • ハーモニック・モジュラー・スケールのためのSassライブラリとSketchプラグイン

                                                                    このブログではこれまで「文字サイズの比率と調和」や「音楽、数学、タイポグラフィ」といった記事で、調和数列をもとにしたスケールから文字サイズを決定する手法を紹介してきました。私たちのチームではこのスケールを「ハーモニック・モジュラー・スケール」と呼び、実際に多くのプロジェクトで採用しています。 このたび私たちは、ハーモニック・モジュラー・スケールにもとづくテキストのスタイリングを簡単にするためのツールとして、Sassライブラリ「Harmonic Modular Scale」とSketchプラグイン「Harmonic Modular Scale for Sketch」を公開しました。これらのツールはスケールにもとづく文字サイズを算出すると同時に、行の高さを一定のユニットの整数倍に揃える機能も持っています。 Harmonic Modular Scale Harmonic Modular Scal

                                                                      ハーモニック・モジュラー・スケールのためのSassライブラリとSketchプラグイン
                                                                    • 結局どっちがいいの?Adobe XDとSketchを9項目で比較してみた【2019年最新版】 - Workship MAGAZINE(ワークシップマガジン)

                                                                      2010年に発表されて以来、『Sketch』はその利便性から多くのUIデザイナーに愛されてきました。しかしその後『Adobe XD』が頭角をあらわすと、多くのデザイナーは「結局どちらを使えばいいの?」という問題に直面しました。 今回は2019年の最新の情報をもとに、これら二つのツールを9つのポイントから比較してみました。すでにどちらかのツールを使っている方も、まだどちらにするか決められない方も、ぜひ参考にしてください。 Adobe XD vs Sketch:9つの比較ポイント この記事では、以下の9つのポイントから両者を比較します。 UI リピートグリッド シンボルとアセットパネル レスポンシブデザインツール アドオンとプラグイン 自動アニメーションによるプロトタイピング 共有とコメント デザインスペック バージョン管理とマルチプレイヤーデザイン では、さっそく比較してみましょう! 1.

                                                                        結局どっちがいいの?Adobe XDとSketchを9項目で比較してみた【2019年最新版】 - Workship MAGAZINE(ワークシップマガジン)
                                                                      • 1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」

                                                                        Material Icons Libraryは1000種以上のアイコンを無償配布するオープンソースのアイコンセットです。アイコンはSVGで配布されるだけでなく、sketchファイルやPSD、fig(Figmaファイル)、Invision StudioやAdobe XDなどのファイルも同梱されており、自身で編集できるようにもなっています。 ダウンロードについて更に1000以上のアイコンはそれぞれベーシックなもの、線画、ツートンカラーの3種類が用意されています。スタイルは非常にシンプルでカスタマイズしやすい印象でした。 ダウンロードはgumroadを介して行いますのでメールアドレスの入力のみ求められます。メールアドレスはメルマガ購読の為の物ですがいつでも解除して良いとの事なので興味が無ければダウンロード後は解除して問題ありません。 ライセンスはApache2.0との事です。 Material

                                                                          1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
                                                                        • Sketchそろそろ限界なのでは...と思うとき|山本麻美

                                                                          数年前はUIデザインツールとして先陣切っていた「Sketch」ですが、多機能、高機能になり、これから始めようという人にとっては難解になりすぎてしまったのではないかと思う今日この頃です。 まだここまで複雑ではなかった頃は、初心者向けハンズオン・イベントや講座を行うたびに、訪れる方々の笑顔を生み出せていたと思います。 1) 3年前にこんなSketchイベントに出たり、 Sketch 1dayブートキャンプ 2) 私のところに個人的に寄せられるSketch初心者の方々からの相談を公開して多くの人に役立てようというブログを開設したり、 Sketchたまご 3) ロクナナワークショップでSketch講座を開設したり、 山本麻美のSketch入門講座 4) 日本初のSketch公認イベントに出たり、 Sketch Tokyo 2019 Sketchの普及に熱意を持って活動していたこともありますが、限界

                                                                            Sketchそろそろ限界なのでは...と思うとき|山本麻美
                                                                          • UI/UXデザインツール『Sketch』入門 | chot.design

                                                                            UI/UXデザインの定番ツールと言えば「Sketch」。このカリキュラムではSketchの基本的な使い方を学びながら、スマホアプリのデザインについて学ぶことができます。

                                                                              UI/UXデザインツール『Sketch』入門 | chot.design
                                                                            • 【Gravity Sketch】VRでつくる!3Dモデリング体験 | STYLY

                                                                              VR空間で3Dの絵を描くツールがいろいろある中、本格的なプロユースとしてリリースされたGravity Sketch。対応しているVRデバイスでからVR空間上で3Dモデリングし、OBJなどの3Dデータで書き出すことができます。今回はGravity Sketchで作った3Dモデルを、3Dデータに書き出し、STYLYにアップロードする方法を説明します。 VR空間で本格モデリング Gravity SketchはSteam VRまたはOculus Storeで購入ができます。Oculus Storeのクロスバイ(ソフトを1つ購入すれば、同ソフトの他機種版が無料でプレイ可能となる仕組み)にも対応しているため、Oculus RiftとOculus Questどちらでも利用可能です。VIVE、WindowsMR端末、Verjoなどでも利用できます。今回はOculus Questを利用しています。 3Dモデ

                                                                                【Gravity Sketch】VRでつくる!3Dモデリング体験 | STYLY
                                                                              • Sketch2Code - Microsoft AI Lab

                                                                                All Microsoft Global Microsoft Security Azure Dynamics 365 Microsoft 365 Microsoft Teams Windows 365 Tech & innovation Microsoft Cloud AI Azure Space Mixed reality Microsoft HoloLens Microsoft Viva Quantum computing Sustainability Industries Education Automotive Financial services Government Healthcare Manufacturing Retail All industries Partners Find a partner Become a partner Partner Network Fin

                                                                                  Sketch2Code - Microsoft AI Lab
                                                                                • Angle 4 - 6800+ Device Mockups for Figma, Sketch and XD

                                                                                  Subscribe to receive updates about new devices. Max. 1 email per month. No spam.

                                                                                    Angle 4 - 6800+ Device Mockups for Figma, Sketch and XD