作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。 素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。 、 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
デザインのための統合開発環境 Framer X を試す（Frame, Shape, Link, Scroll, Stack）
デザインのための統合開発環境 Framer X を試す（Frame, Shape, Link, Scroll, Stack）2018-09-01 Framer X を一言で言い表せば、“An IDE for Design”。ワイヤフレーム作成・ビジュアルデザイン・インタラクションデザイン・高忠実度のプロトタイプ作成など、多種多様なデザインをこのツール単体で行える。 公式ドキュメントでは “Framer X is more like Unity than like Photoshop.” といっており、最強のデザインプラットフォームになろうという意気込みがひしひしと伝わってくる。 Framer X - Interactive Design for Everyone Reactを使ったコードベースのプロトタイプが作れるということで、デザイナーだけでなくエンジニアにとっても注目度が高い。 先日、
爆速XDによる「目線合わせシート」でチームの共通認識作り｜macheri｜note
こんにちは。まちえり（@macheri_me）です。note×Adobe XDの企画がスタートしましたね。アイコンから滲み出るAdobe XD芸人の私、参加しないわけにはいかないだろう(ﾟДﾟ)ッ！ 私が思う #できるぞAdobeXD とは一言で言うと「デザインだけじゃない。誰にでも爆速共有！チーム全体での認識合わせに最適！」です。 今日はAdobe XD(以下=XD)の活用例について書きつつ、デザインプロセスの中で大切にしている「チームで同じ認識を持つためにデザイナーが率先してやること」を中心にご紹介します。 特に大規模大人数、多職種と協力するようなチームで制作をしているデザイナーさんにおすすめしたいXD活用法です。 適材適所。XDは早く全員と認識合わせをしたい時に活用●改めて振り返る「XDとSketchどちらが最適か？」の疑問ポイント Sketchユーザー多いですね。そして「XDとどち
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを
【こいつ】Principleを触ってみたよ【動くぞ】｜dwango creators' blog（ドワンゴクリエイターズブログ）
dwango creators’ blogをご覧のみなさま、こんにちは。ドワンゴデザイナーのたかはしです。 普段はニコニコ動画周りの仕事をしております。 プロトタイプが作れるアプリやサービスはいろいろとありますが、それぞれ得意なこと不得意なことがあり、フェーズにあった目的が果たせるツールを選択することが大切です。 画面遷移や全体設計ではProttやinVision、より細かいインタラクションやアニメーションにはPixateやOrigami、Framerといった目的にあったツールを組み合わせて使うことでより期待できる結果をもたらしてくれます。 そこで今回は、ちょっと踏み込んだUIアニメーションが作成できるプロトタイプツールPrincipleを年末年始に触ってみたのでちょろっと紹介したいと思います。 Principle for mac 去年の夏頃、Appleの元エンジニアが開発したプロトタイピ
Adobe XDで快適！と感じたこと6つ - aicocco/かんろ
こんにちは、かんろです。 最近仕事でAdobe XDを使う機会がとても増えました。 Fireworksが開発終了になってからワイヤーやカンプはIllustrator中心で作成していて、少しのAffinity Designerを使っていた時期もあったのですが、使っていた当時は日本語入力がとても弱かったことと、周りの人とデータの共有がしにくかったのでIllustratorに戻りました。 作業の流れは、ワイヤーを書きカンプ、そしてモックアップを作りながらプロトタイプを作っていくようなイメージで進めています。これを1ファイルで済ますことができるのが個人的にとても便利！ あと、なんといっても軽いのがうれしい！起動がめんどくさくないというのが地味に大きいです。 そんなAdobe XD、気になってはいたけどまだ使ってない、でも気になる！という人向けに、個人的に良いな、便利だな、と思った機能を改めてまとめ
ワイヤレスコールシステム | Panasonic
配線不要でさまざまなシーンの「連絡」「呼出」「制御」にご利用いただけるワイヤレス呼出しシステムです。 店舗、施設、オフィスからご家庭まで、用途にあわせてお選びいただける幅広い商品をラインアップしています。
ようこそ！行列のできる『箔押し印刷工房』へ
2024年03月06日20:28 カテゴリ◎ 情報発信基地シール素材について 【 更新情報（ 2024.3.6 ） 】 【 期間限定 】『 すべて、完全お任せ箔押しシール作成！ 』 【 期間限定 】『 すべて、完全お任せ箔押しシール作成！ 』 ご注文ページ内、下記の 【 注文書＋入稿フォーマット 】 ならびに 【 実例イメージサンプル（ コース1 ） 】 のデザインの微調整を行いました。 【 注文書＋入稿フォーマット 】 ◉ Download! → https://www.dropbox.com/scl/fi/zwy7fwxnxrelrcel8uc78/format_SEAL_ver10.ai?rlkey=yomt5krv0ipkzgm85rhpx72ni&dl=1 【 実例イメージサンプル（ コース1 ） 】 ◉ PDF Download! → https://www.dropbox.c
ゲーム関連のデザイン制作時に参考になるサイト20 - Design Color
もくじ ゲームサイトのデザインいろいろ ゲームサイトに特化したギャラリーサイト 「ゲーム」タグがあるギャラリーサイト ゲームのデザインをまとめた記事 ゲーム関連のアイコン ゲーム関連デザインのためのチュートリアル ゲームサイトのデザインいろいろ まずゲームサイトのデザインとはどんなものがあるのでしょうか？本当に様々ですが、中でも雰囲気や見せ方がそれぞれ異なるサイトを4つピックアップしてご紹介します！ ジョジョの奇妙な冒険 オールスターバトル バァーンッ！！まずはFlashバリバリ！のジョジョのゲームサイト。かっこいいしキャラを大きく打ち出しているのでインパクト抜群です！なんかもう、色んなとこホバーすると色んなものが動きます。これぞゲームのサイト！ってくらい仕掛けがたくさんです。文字で効果音が出たりするところが漫画っぽくもありますね。 トゥームレイダー 黒を背景にしていてシリアスな雰囲気や「
MENYA BIBIRI：メンヤ ビビリ - 奈良市のラーメン屋
名物「魚介鶏そば」「まぜそば」はもちろん、 炒飯、チャーシュー盛りなどサイドメニューも充実しています。
ZeplinとSlackで、ディレクターの方とのデザインに関するやりとりがスピードアップした ｜ Tips Note by TAM
2017.04.04 ZeplinとSlackで、ディレクターの方とのデザインに関するやりとりがスピードアップした 私はデザイナー兼フロントエンジニアです。 ZeplinとSlackを使って、ディレクターの方とのデザインに関するやりとりのスピードがとても上がったので、 どのようにやり取りをしているか紹介したいと思います。 Zeplinとは Sketch3やPhotoshopのアートボードから、レイアウト指示書を作成してデザインを確認できるツールです。 公式サイト https://zeplin.io/ Sketch3やPhotoshopから、プラグインでZeplinにデザインをアップロードして利用できます。 アップロードすると、Zeplinでは次のような画面にSketch3やPhotoshopのデザイン(アートボード)が表示されます。 オブジェクト間の距離やCSSなどが表示されます。テキスト
uiGradients
A handpicked collection of beautiful color gradients for designers and developers
もう使ってる？ たった3行で美しいSVGアニメが作れる「Vivus」がスゴい
まるで「見えないペン」で描いているような手描き風のSVGアニメーション。CSSとJavaScriptの知識があれば実装できる、定番アニメーション表現ですが、Vivusならもっと手軽に実装できちゃいます。 90年代初期のBLINKタグから、最新のCSS3トランジションやアニメーションに至るまで、Webページやアプリケーションの要素を移動する機能は、いつも魅力的な目標であり続けています。 今日では、SVGなどのテクノロジーを使えば、「見えないペン」と呼ぶエフェクトを比較的容易に実現できます。閲覧者は、まるで見えないペンで描かれたかのように、1ラインずつ表示される絵を目にします。 そのアイデアは新しいものではありません。よく知られているように、1953年の「Duck Amuck（カモにされたカモ）」にまでさかのぼると、のちにバッグス・バニーだと判明した見えざる手は、周りの世界を何度も消しては描き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobbin - The world’s largest mobile & web app design reference library
https://cdn.dribbble.com/users/243129/screenshots/3624812/events_app_animation_10clouds.gif
https://search.sbisec.co.jp/v2/popwin/info/connect/ipo/201711102101.pdf
http://www.sc.mufg.jp/products/stock/new/pdf/171013_7808_3.pdf
https://search.sbisec.co.jp/v2/popwin/info/connect/ipo/201711102107.pdf
Xデザインフォーラム
