ノンデザイナーでも押さえておきたい！デザインの原理原則がわかる8つの記事 | creive【クリーブ】

2015/04/30 1270 users ノンデザイナー クリープ creive モックアップ 小手先

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 ... 続きを読む

PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材 | コリス

2016/09/15 779 users psd コリス Forever SVG ミニマル

FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails E... 続きを読む

最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles | コリス

2014/12/09 556 users コリス psd ワイヤーフレーム グリッド ポートフォリオ

最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles ダウンロードできる素材のフォーマットは、4種類。 .psd（7... 続きを読む

デザインのバージョン管理をする世界 – Medium

2016/10/26 532 users medium GitHub てき Dropbox 同僚

デザインのバージョン管理をする世界 僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキ... 続きを読む

最高のデザインツール「Drama」が登場！SketchやXDより良いかも。 | Web Design Trends

2019/08/07 508 users Drama プロトタイプ アニメーション Framer X

Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきま... 続きを読む

デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ | コリス

2015/12/13 481 users コリス インタラクションデザイン たそ スライド UX設計

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fuk... 続きを読む

【sketch】TwitterのUIトレースをして気がついた事｜マサキ｜note

2017/12/07 426 users Twitter まさき UIトレース Note 近道

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽で... 続きを読む

珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | デザイン | POSTD

2015/12/28 395 users Bootstrap POSTD 互い プログラミング 原則

ここ何年も、私たちはデザイン理解してもらえるよう、スタイルガイドなどを作成してきました。同じように、開発者もBootstrapなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。それを実現しようとしてるAtomic Designについて解説します。概要：  Sketchを使ったAtomic Designの方法がプロダクトデザイン... 続きを読む

【Sketch】TwitterのUIをトレースしながら研究しよう（初心者向け） - NOGA BLOG

2016/07/04 348 users 秘訣 デザイナー 名刺 かっこいいロゴ UIデザイナー

デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。  １日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣！Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に... 続きを読む

Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | MEMOPATCH

2013/05/08 331 users Fireworks MEMOPATCH Adobe 最中 朗報

Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。（2013/05/07）そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFon... 続きを読む

エンジニアのための「Sketch入門！」　1時間コース - Qiita

2016/03/03 322 users Qiita エンジニア Windows版 勉強 動画

※「Sketch」はMac専用アプリです。Windows版はありません。 「演習ファイル＋動画＋演習付き」 で記事を書いてます。 エンジニアの人から「Sketch使ってみたい」「日本語の記事が少ない」という声を聞いて、最近社内で勉強会しました。 Sketchについて日本語の記事を調べてみたところ、このレベルの記事はけっこうありました。 ただ、学びやすいか？といえばそうではないらしいので、少し工夫し... 続きを読む

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

2017/12/18 288 users macheri 一石二鳥 宝庫 Note デザイナー

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

チームの課題から考える、Adobe XDとSketchの導入メリット – PSYENCE:MEDIA

2017/12/07 276 users PSYENCE Media Adobe XD 課題 チーム

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（ @macheri_me ）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAd... 続きを読む

Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ | Stocker.jp / diary

2018/09/27 253 users Thursday Illustrator Sass web

Webデザイン Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ Thursday, September 27th, 2018 「スマートフォン時代のWebコーディングスクール」開催！PC・タブレット・スマートフォンに対応したHTML・CSS・Sass・JavaScriptを基礎から学べます！ 【日曜開催】「1日で分かるSassとBEM講... 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 251 users figma プロコン モバイルアプリ ふじけん 経緯

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 251 users figma プロコン モバイルアプリ ふじけん 経緯

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む

Sketchで変わるワークフロー

2015/07/21 231 users ワークフロー デザインワークフロー フォトレタッチ 商業高校

Transcript of "Sketchで変わるワークフロー" 1. Sketchで変わる スマートフォンアプリの デザインワークフロー 山本麻美 2. 山本麻美 フリーランスのUIデザイナー 商業高校や専門学校の講師 ←ここのメンバーでもあります。 3. デザインツール比較 ベクトルイラストレーションを作成するために開発 されている フォトレタッチのために開発されている Webデザインのため... 続きを読む

Sketch移行とUIコンポーネント化で、良いことしかなかった話 – VASILY Design – Medium

2017/03/31 227 users medium iQON VASILY 恩恵 ＵＩ制作

アプリやWebのUI制作では、もうSketchに完全移行したという方も多いのではないでしょうか。VASILYで開発・運用しているファッションサービス「IQON」でも、昨年の夏頃から徐々に移行を開始し、現在はほぼすべてのUI制作をSketchで行えるようになりました。 そこで今回は、Sketch移行を進めた際の「デザインのコンポーネント化」のポイントや、その恩恵をお話したいと思います。 デザインデー... 続きを読む

Photoshop、Illustrator、Sketchに取って代わるか。グラフィックデザインツール「Affinity Designer」 | DeNA DESIGN BLOG

2016/11/29 210 users アローラ Illustrator Photoshop Mac

アローラ！デザイン戦略室デザイナーの中江です。今日は「 Affinity Designer 」というグラフィックデザインツールをご紹介します。 Affinity Designerとは Affinity Designerは、Serif Ltd,が開発するデザイン用ソフトウェアです。Mac/Windowsの両OSに対応しています。ベクターでグラフィックを描画することが可能で、Adobe Illustr... 続きを読む

UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG

2015/06/10 209 users Photoshop Poole UIデザイナー LIG 理由

初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれません... 続きを読む

こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書 | コリス

2015/06/03 175 users ベクターデータ コリス Illustra SVG ベクター

最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 Illustra... 続きを読む

Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | MEMOPATCH

2013/05/10 174 users Fireworks MEMOPATCH 急浮上 半額セール

つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、A... 続きを読む

これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App | コリス

2015/07/27 167 users コリス プレゼ タスクバー Illustrator WIn

Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。 14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼ... 続きを読む

【完全保存版】Sketch(スケッチ)の使い方を徹底解説

2018/05/08 166 users スケッチ ディレクター エンジニア デザイナー UIデザイン

UIデザインツールとしてメインに使用しているデザイナーも多い「Sketch(スケッチ)」。 IllustratorやPhotoshopよりもシンプルで手軽にUIデザインを作成することができるので、Webデザイナーだけでなく、ディレクターやエンジニアなどの非デザイナーにも愛用されています。 このページでは、 「Sketchに興味があるけど使い方がよくわからない」「Sketchってどんなことができるの... 続きを読む