Today at the What’s next for Windows — developer event, we’ll show you the next era of Windows and how we are embracing Windows == open platform. This means everyone has open access to run the widest range of apps on Windows, enabling all developers to build the apps and experiences that empower users to create, learn, and play. We focus on five key areas of improvement for Windows 11: The new Mic
こんにちは！東芝UIデザインチームの小林 Jです。 突然ですが、皆さんは何を使ってプレゼン資料を作っていますか？Windowsユーザーなら「Microsoft PowerPoint」、Macユーザーなら「Keynote」でしょうか。どちらも優秀なツールですが、もう一つ選択肢を広げてみませんか？ 私のおすすめは「Adobe XD」です。 UIデザインツールとして広く使われているXDは、東芝でもよく活用しているツールの一つです。 UIチームから毎年２名が参加させて頂いているJEITA(電子情報技術産業協会)様の主催する「HID専門委員会」にて、アドビ様のXDエバンジェリストの方から、XDによるプレゼンテーションについて講習を受ける機会がありました。その時に得た知識や気づきを織り交ぜ、XDの可能性や魅力をプレゼンテーションツールという側面からご紹介したいと思います。 １.スライドづくりはUIプロ
グラフィック・デジタル問わず、血の通わないものづくりは、そのものの感情まで削ぎ落としてしまいます。 さらに、感情のないものは人に語り継がれず、一時的な記録となって消えてしまいます。 人が人に語ることで、記憶は強くなり、そして語り継がれるに値する記憶となり、次の語り手に引き継がれる。 私たちは、「継がれる記憶を作るためにどうするべきか」をものづくりの真意ととらえ、その上で、ブランド策定、企画、グラフィック・インターフェイスデザイン、エンジニアリングをお手伝いしています。
Adobe XD でドキュメントアセットによる作業
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
Colour Palette — Lottie Canto
PLEASE NOTE: These often sell out very fast. If you manage to get one you will receive a confirmation email. If you don’t receive a confirmation email you unfortunately didn’t get one. Don’t worry there will be another batch soon! As always these are strictly one per person, If you buy more than one your order will be refunded. ( Also, I often receive a lot of emails and DM’s after these sell out.
Adobe After Effects + Lottie (Bodymovin) でモーションをつける - MIYOUWI : BLOG :
アイコンをクリックした時にちょっとしたモーションが入っていることによって、使っているデジタルツールに親近感を持つことはないですか？ ちょっとほっこり 今回は、複雑な計算式なしに、Adobe After Effects を使って描画したモーションを、Lottie (Bodymovin) を使って簡単に実装できる方法を紹介します。 １）Lottieとは Lottie は、Airbnbから登場したWeb、iOS、Android、React Native、Windows 対応のモバイルライブラリです。Adobe After Effectsで表示できるアニメーションをリアルタイムでレンダリングし、簡単に複雑な動きをするアニメーションを作成することができます。Lottieは、Bodymovinというオープンソースライブラリを使い、After Effects で作ったSVGアニメーションデータを拡張機能
LottieFiles plugin for WordPress – Add animations to your website for free
Add free Lottie animations to your WordPress site with the LottieFiles for WordPress plugin -- even if you can't code or design.
I Replaced My Native iOS App with a Cross-Platform Web App and No One Noticed
So it all started when I came up with the idea for an app that helps parents get their kids ready for school. I’m a dad with 3 kids and I was annoyed by the fact that at work I have dozens of powerful tools to organise and manage my team. But at home to get the kids ready for school, I have nothing. It was chaos. So I thought… why not build a todo list for kids? I could make the UX look like a gam
In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. Last weeks, we’ve covered CSS auditing tools, CSS generators and accessible front-end components. This time around, let’s look at SVG generators — for everything from shapes and backgrounds to SVG path visualizers and SVG → JSX generators. Table of ContentsBelow you’ll find an alphabetical
前回の記事から3ヶ月ほど経ったため、あらためプラグインを棚卸しました（半年だとチェックする数が多いので少し短くした）。前回から2020/3/31までに、Plugin Directoryへマージされたものから、「インストールしたプラグイン」「候補に上がったプラグイン」「今回チェックしたその他のプラグイン」の順でお届けします。 2020.1版 2019.6版 インストールした新しいプラグイン Arrange Artboards Hierarchically https://github.com/oodesign/arrange-artboards-hierarchically スラッシュベースの名前に応じてアートボードを並び替えてくれるプラグイン。A・A/A・A/B・A/A/Aとあれば、A先頭に階層的に並び替えてくれます。 アートボードを自動で整頓してくれるArtboard Managerを使
はじめに こんにちは。カナリーでソフトウェアエンジニアをしている @snamiki1212 です。 私たちは 【もっといい「当たり前」をつくる】 をミッションに掲げている不動産テックカンパニーです。弊社では、現在下記のプロダクトを運用しています。 「CANARY」: BtoC のお部屋探しポータル（アプリ/Web） 「CANARY Cloud」: BtoB SaaS（不動産の仲介会社様向けの顧客管理システム） この記事では、 CANARY のアプリで利用している技術スタックについてまとめています。 （この記事は自分含めてアプリの開発をメインで行っていたエンジニア @yoshi-jr / @centerfield77 と共同で執筆しています） この記事を読んでわかること CANARY のアプリについて技術スタックの全体像・概要が理解できる 話すこと CANARY のアプリのアーキテクチャ C
GitHub - FilledStacks/flutter-tutorials: The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.
087 - How to Build a Flutter Website in 2023 [ Video ] [ Source ] [ Written ] - The updated tutorial for building a Flutter Website 086 - Flutter Website Nested Layouts and Custom URL's [ Video ] [ Source ] - The updated tutorial for building a Flutter Website 085 - 6 Tips to Make your Flutter Website feel Premium [ Video ] [ Written ] - 6 Tips you can apply to immediately make your Flutter Websit
GitHub - LottieFiles/dotlottie-rs: A universal, high-performance Lottie and dotLottie player built with Rust. Offers smooth rendering across platforms, low resource consumption, and extensive compatibility. Features FFI bindings for Kotlin, Swift, and WAS
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
18 amazing 🤩 GitHub repositories that will help you 🪄 make a Beautiful Project
18 amazing 🤩 GitHub repositories that will help you 🪄 make a Beautiful Project Introduction Today I would like to give examples of good GitHub repositories that will help you implement complex animations, as well as useful functions in your projects. So let's get started 1. Lottie-Web/Bodymovin airbnb / lottie-web Render After Effects animations natively on Web, Android and iOS, and React Native
これは lottieで作ったアニメーションをNuxt.jsのページローディングで使う方法。 まずlottieで読み込むアニメーションファイルを作成。 ここでは、loading.jsonというファイルで用意した。 保存先はassets/animation/loading.json https://lottiefiles.com/ (サイトに様々なexampleが用意されているので参考に） player installation lottieをwebで使うためにlottie-webというnpmをinstallする。 see https://github.com/airbnb/lottie-web with npm npm install lottie-web with yarn yarn add lottie-web loading animation component jsonを読みこむコ
Lottie Editor: Edit and customize Lottie animations - LottieFiles
Our web-based editor allows you to edit, tweak and personalize your Lottie. Making changes on the go has never been this easy and fun.
前回の記事から半年ほど経ったため、あらためプラグインを棚卸しました。 前回から2019/12/31までに、Plugin Directoryへプルリクエストおよびマージされたものから、「インストールしたプラグイン」「候補に上がったプラグイン」「前回インストールしたけど使わなくなったプラグイン」「今回チェックしたその他のプラグイン」の順でお届けします。 インストールした新しいプラグイン Cluse https://cluse.cc/ WCAG 2.0をベースとしたカラーコントラストの計測や色の変更ができるプラグインです。 テキストレイヤーと塗りのあるレイヤーを選択してプラグインを実行すると、パネルが表示されます。色に関しては明度を軸にした色変更と前面色・背景色の入れ替えができます。 現在扱いがとてもピーキーでして、テキストレイヤーと塗りのあるレイヤーの組み合わせ以外のレイヤーを選択していると、
魅せろ！ Flutter で目を惹く UI デザインを実装する - enechain Tech Blog
はじめに こんにちは、enechain でソフトウェアエンジニアをしている @tomohiko-tanihata です。 先日、国内最大級の Flutter カンファレンスである FlutterKaigi2023 が開催されました。私たち enechain は、モバイルアプリに Flutter を採用しており、昨年に引き続き、今年も FlutterKaigi の Silver スポンサーとして協賛しました！ チームのみんなでセッションに応募したところ、私のセッションが採択され、登壇する機会を得ました 🎉 セッションのタイトルは「魅せろ！Flutter で目を惹く UI デザインを実装する」で、目を惹く UI デザインを実現するための 4 つの方法について紹介しました。 当日の発表資料には GIF をたくさん貼っており、PDF で公開するのに不向きなスライドになっていたので、記事として F
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What Windows 11 Means for Developers
Adobe XDでプレゼン資料を作ってみたら驚くほど簡単で自由自在だった｜東芝 UIデザイン
UNIEL ltd.
SVG Generators — Smashing Magazine
新しくリリースされたSketchプラグインを紹介します（2020.04版） | DevelopersIO
2024年｜CANARY アプリの技術スタック
Nuxt.jsでLottieアニメーションをページローディングで使う - Qiita
新しくリリースされたSketchプラグインを紹介します（2020.01版） | DevelopersIO