こんにちは、こんばんわ！！！！！！！ ぐみおです こちら、サークル用のネタ記事投稿です 皆さん、アニメーション使ってますか...? 僕も最近ぬるぬるしたアニメーションを使ってみたいなーと思ったりしてるわけです 僕はAndroidな人間なので、Androidのアニメーションを見ていこうと思います！！！！！ まず公式から、どんなAnimationがあるのか見よう https://developer.android.com/guide/topics/graphics/overview.htmldeveloper.android.com Property Animation API level 11 以降で使えるっぽい(つよい) View 以外のオブジェクトにも適用できる(つよい) 後述するView AnimationはViewにしか適用できないのですが、こちらは任意のオブジェクトに対して、アニメ
こんにちは！東芝UIデザインチームの小林 Jです。 突然ですが、皆さんは何を使ってプレゼン資料を作っていますか？Windowsユーザーなら「Microsoft PowerPoint」、Macユーザーなら「Keynote」でしょうか。どちらも優秀なツールですが、もう一つ選択肢を広げてみませんか？ 私のおすすめは「Adobe XD」です。 UIデザインツールとして広く使われているXDは、東芝でもよく活用しているツールの一つです。 UIチームから毎年２名が参加させて頂いているJEITA(電子情報技術産業協会)様の主催する「HID専門委員会」にて、アドビ様のXDエバンジェリストの方から、XDによるプレゼンテーションについて講習を受ける機会がありました。その時に得た知識や気づきを織り交ぜ、XDの可能性や魅力をプレゼンテーションツールという側面からご紹介したいと思います。 １.スライドづくりはUIプロ
グラフィック・デジタル問わず、血の通わないものづくりは、そのものの感情まで削ぎ落としてしまいます。 さらに、感情のないものは人に語り継がれず、一時的な記録となって消えてしまいます。 人が人に語ることで、記憶は強くなり、そして語り継がれるに値する記憶となり、次の語り手に引き継がれる。 私たちは、「継がれる記憶を作るためにどうするべきか」をものづくりの真意ととらえ、その上で、ブランド策定、企画、グラフィック・インターフェイスデザイン、エンジニアリングをお手伝いしています。
ラグタイム（Ragtime）とは何ですか？ １９世紀の末から２０世紀初頭にかけて、発展・流行したアメリカ生まれの音楽のことです。広辞苑の第五版には「ラグタイム[ragtime]＝十九世紀末にアメリカで起った黒人のピアノ音楽。シンコペーションを多用する黒人的リズム感覚を特色とし、ジャズの一要素となった。」とあります。フリーの百科事典「ウィキペディア」の Ragtime の項も参考になります。 “RAG”とは、英語で「ぼろ・ぼろ切れ」などを意味する言葉ですから、“RAGTIME”は直訳すると「ぼろぼろの時間」といった意味になります。低声部に一定のリズムで和声的な旋律線を作り、それに対してずれた（Ragged）主旋律を高声部に作る、つまり「シンコペーション（Syncopation）」がラグタイムの最大の特徴であるので、このような名前が付けられたのだと推測できます。 様式的な特徴としては、偶数の拍
Adobe XD でドキュメントアセットによる作業
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
Lalla Ward - Wikipedia
Sarah Jill "Lalla" Ward[1] (born 28 June 1951)[2] is an English actress, voice artist and author. She is best known for playing the role of Romana II in the BBC television series Doctor Who from 1979 to 1981. Career[edit] Early career[edit] Ward's stage name, "Lalla", originates from her attempts as a toddler to pronounce her own name. She left school at age 14 because she "loathed every single mi
最近、Vue.jsを触っている。そんで、UIデザインは外注していて、アニメーションの納品はどうしますか？と聞かれたので、聞きかじった程度の知識で「After EffectsでBodymovinでちょちょいのちょいですよ！」とテキトーに答えてしまって、後に引けない感じになったので実際に触ってみることにした。 After Effects ご存知の通り、Adobe製品。モーショングラフィックとか作るときに用いるツール。Adobe Premiere Proというのもあるが、こちらは動画編集メインで、今回のような込みいった短めのアニメーションなど制作するのはAfter Effectsが適している。 かくゆう、私も大学生の頃、VJというものに興味があり、本ツール（v5.5くらいかな？）を使い、いろいろモーショングラフィックを作成していたものだ。そして今回一万と二千年ぶりにAfter Effects開い
The Best Albums Of 2017 Thus Far - And A Quietus Appeal For Help | The Quietus
In association with Norman Records we've turned our ears molten with listening and put together a list of the 100 best records released in the first six months of 2017. While we're at it, we've also got an appeal to you to help us continue doing what we do Earlier this year, we ran an article explaining that a sudden, marked decline in advertising revenue meant that we needed to ask you, our loyal
KNOPPIXのUSBメモリからの起動は、先の記事手順で仮想ドライブからのコピーのところでうまくいかず、この手順を放棄。 ＃実はあとで、自分の手順ミスなのが発覚しました。 ググリなおすとLinuxマシンが他にある場合は割合簡単にできそうです。 けれども、アスワンのみでできる手順という縛りでやってみようと思います ということで、違う仮想ドライブソフトを使用してほぼ同じ手順のここを参照。 http://ryusai.hp.infoseek.co.jp/KNOPPIX_on_USB-01.htm 大雑把に言うと、Windows上の仮想ドライブにknoppixのISOイメージをマウントして、ルートのイメージと/knoppixのイメージをUSBメモリに転送。 sysliuxをUSBメモリにインストール。そして、AspireOneのBIOSでUSBから起動。 ①使用したUSBメモリ シリコンパワー U
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アニメーションデータを拡張機能
Whats is Flare? Flare is an online tool helps you to design and animate Vector Graphics, for Apps, Games, and Web, Flare by 2dimensions.com It’s not easy to get a rich animation on mobile, if you know Lottie and the Bodymovin plugin for After Effects, you can get rich and beautiful animation, but in my opinion, it’s better to use a complete solution supported by one company than using a tool like
地球に落ちてくる中国の衛星｢天宮1号｣は、騒がれてるほど大ごとにならなそう2018.03.31 12:0043,576 scheme_a Image: Fraunhofer FHR. Used by permission via ESA Fraunhofer FHRの宇宙観測レーダーで観測された天宮1号 小さい衛星だし、大気圏で燃えるし。 オンラインジャーナリストにとって、クリックは命です。どうなるか予想不能な出来事があれば、さまざまな角度から記事を書き、読者の不安を煽ることができるからです。しかし、制御不能になっている中国の人工衛星｢天宮1号｣の落下が今週末に迫るなか、1つだけ言わなければいけません。これ、そんな大したことじゃないです。 散々あらゆるメディアで騒がれているので、こんなことを言うのはバカげているかも知れません。米Gizmodoでは、衛星が災害を起こしうる場合に米国連邦緊急事
Inspector Spacetime
Inspector Spacetime Generate motion specs from After Effects and become an engineer's best friend Download Usage Select pairs of keyframes and click the big button. These keyframe values will be collected within the panel and may be copied out in one of the format versions (Text, Markdown, or JSON). Note- this JSON is not the same as Lottie JSON. It is just a verbose look at all the details of the
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
かつてメイクの勉強をし続けていてメイクでご飯食べてこうと思ってたのに気付いたら何故か普通のOLやりながらアイドルのオタクをやっていた怪人が最近の好きなおけしょうひんのことだけダラダラ書くよの記事だよ。有益なレビューとかは別にないよ。 ◆lookfantasticゆうしょう いまさらながら毎月こまこました化粧品のサンプルとかミニサイズの詰め合わせが箱に入って届くよ！中身はおたのしみに！な、いわゆるビューティボックスにちょっとはまって国内で買えるやつを幾つか試した結果、lookfantasticフロムUKが完全に優勝していた。 （ちなみにマイリト◾︎ボックスは雑貨がいらなくてやめ、bloo◾︎boxは中身が微妙すぎてやめ、RA◾︎Yはコンセプトに惹かれないので未体験） lookfantasticは値段（£12）の割に中身が良い、イギリスからの配送料も無料、何より海外物や日本未発売のものが気軽に
前回の記事から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を使
こんにちは！キネカという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ デザイナーがブレイクスルーを起こし、現状の壁を超えていくために私が重要だと思うことを書いていきます。この記事で書く内容は、デザイン歴3~4年前後の人に届いて欲しい内容になります。 ・デザイナーに求められるスキルを分析しよう ・根拠を集める努力をしよう、環境を整えよう ・ガイドラインを読みこもう ・インタラクションデザインに挑戦しよう ・"デザイン"と向き合おうチームに人が増えてフィードバックする機会が増えたのと、私自身この半年でできることが多少増えたので、それらの経験を元に上記のポイントで書いていこうと思います。 ブレイクスルーが起きてる状態とは？ブレイクスルーが起きている状態を、デザインのアウトプットが以下の状態になってることとします。毎回のアウトプットが必
Native app animations in Xcode using Sketch, After Effects and Lottie from Airbnb.
Animated icons and illustrations in native app on-boarding screens are becoming more popular. They visually delight the user and also help make the experience more intuitive. Mmmmmmm, native app animations.Creating them however, can be troublesome and the two questions that keep coming back to are: What do you use to author the asset?What format does an iOS or Android developer need?I’ve tried a f
はじめに こんにちは。カナリーでソフトウェアエンジニアをしている @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を読みこむコ
biog book twit face new live resting Event news feeds: RSS | iCal mailing list releases 20120319 – ChordPunch 20020525 – fals.ch 20020524 – 8bitrecs 20020116 – fals.ch 20010203 – fallt video 20121116 – slub live (at /* vivo */, mexico city) 20050604 – slub live at tate modern -> soundtrack to Euclid in space live recordings 2013 20131113 – live at Electro Antro Visceral Intensity 20130914 – live i
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をベースとしたカラーコントラストの計測や色の変更ができるプラグインです。 テキストレイヤーと塗りのあるレイヤーを選択してプラグインを実行すると、パネルが表示されます。色に関しては明度を軸にした色変更と前面色・背景色の入れ替えができます。 現在扱いがとてもピーキーでして、テキストレイヤーと塗りのあるレイヤーの組み合わせ以外のレイヤーを選択していると、
Using a single path SVG, a smidge of CSS, and ~6 lines of JavaScript March 29, 2018 For a client project we tasked ourselves with building out one of those cool radial progress bars. In the past, we’ve used entire Canvas-based based charting libraries (156k/44k gzip), but that seemed like overkill. I looked at Airbnb’s Lottie project where you export After Effects animations as JSON. This is cool
Share designs and prototypes
Adobe XD User Guide Introduction Release updates Common questions Design, prototype, and share with Adobe XD Color Management System requirements Hardware and software requirements Adobe XD, Big Sur, and Apple silicon | macOS 11 Workspace basics Change app language in Adobe XD Access UI design kits Accessibility in Adobe XD Keyboard shortcuts Tips and tricks Design Artboards, guides, and layers Ge
Webサイトやアプリで使うアニメーションを考えて実装する…やりたいことはあるのに、実現するとなるととても面倒ですね。 プロトタイピングツールでアニメーションのイメージを作り、それを頑張ってコーディングして再現するとかそういうのつらい。 なんかもっとデザインツールでアニメーション作成→実装にあまり時間をかけずに楽にアニメーションを実装したい。 色々探してみた結果、 1. Sketchでデザイン作成 2. Adobe After Effectsでアニメーション作成 3. Lottieで実装 というのも一つのやり方として良さそうだなーと思ったのでした。 以下雑な流れ。 1. SketchからAfter EffectsへまずSketchでもととなるデザインを作成したら、 「Sketch2AE」を使ってAfter Effectsに必要なレイヤーデータを持っていきます。 Sketch2AEはgoogl
この記事はGoodpatch UI Design Advent Calendarのための記事なんですが、実は2年少し勤めたGoodpatchを退職しまして、年明けから新しい環境に移ります。そんなタイミングなので今回はデザインの話ではなく、UIデザイナーとして働いてみたことを振り返りたいなと思ってます。 私はGoodpatchに入る前は主にデジタルの広告制作の仕事をしていました。広告系制作会社から事業会社やサービスデザイン系へキャリアチェンジを検討する人も少なくないと思うので、そんな方への参考になれば幸いです。 どんなものをつくってきたか・プロモーション/エンタメコンテンツのグラフィックやUIデザイン ・SaaSプロダクトやWebメディアのUIデザイン ・CIやWEBやパッケージなどのブランド開発系デザイン のような仕事を中心にしてきました。 詳細は今年リニューアルしたポートフォリオサイトを
レスポンシブサイズ変更とレイアウトの制約
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
魅せろ！ Flutter で目を惹く UI デザインを実装する - enechain Tech Blog
はじめに こんにちは、enechain でソフトウェアエンジニアをしている @tomohiko-tanihata です。 先日、国内最大級の Flutter カンファレンスである FlutterKaigi2023 が開催されました。私たち enechain は、モバイルアプリに Flutter を採用しており、昨年に引き続き、今年も FlutterKaigi の Silver スポンサーとして協賛しました！ チームのみんなでセッションに応募したところ、私のセッションが採択され、登壇する機会を得ました 🎉 セッションのタイトルは「魅せろ！Flutter で目を惹く UI デザインを実装する」で、目を惹く UI デザインを実現するための 4 つの方法について紹介しました。 当日の発表資料には GIF をたくさん貼っており、PDF で公開するのに不向きなスライドになっていたので、記事として F
commercial appeal obituaries august - wynekayi’s blog
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =========> Download Link commercial appeal obituaries august = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = The Commercial Appeal obituaries and Death Notices for Memphis Tennessee area . Explore Life Stories, Offer Condolences & Send Flowers. Browse the commercial appeal obituaries, co
GitHub - chenqingspring/react-lottie: Render After Effects animations on React based on lottie-web
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.
Hamee Advent Calender 2018 の12日目の記事です。 今年行われたAdobe MAX 2018でのマイクロインタラクションのセッションに大いに影響を受けたので布教がてら、その一部の内容&自分なりに調べた、試した+αでお届けします。 （※詳細な扱い方などは全く説明していないのでご注意ください） 粋なアニメーション、作りたいよね。 マイクロインタラクション is 何 頑張って日本語で表すのであれば「小さな（micro）相互（inter）作用（action）」といった感じにでもなるんでしょうか。 超雑に説明すると、よく言う、神は細部に宿る、というやつです。 例のオライリー本では「単一のシナリオに基づいて一つの作業だけをこなす最小単位」とか言われています。 ボタンを押して「いいね！」をするのも「お気に入り」をするのも「ストック」をするのも、みんなみんな、マイクロインタラクシ
エクストーンの大久保です。以前の記事では主にWeb開発の技術スタックについて、豊田の方から話をさせていただきましたが、今回はスマートフォン向けのネイティブアプリ開発時の技術スタックや、選定理由について私の方から紹介いたします。 早速ですが、エクストーンにおけるスマホアプリ開発時の技術スタックは以下になります。 アプリ開発で主に利用している技術スタック iOS 言語: Swift ライブラリ: Alamofire, Realm, Lottie, R.swift, LicensePlist パッケージ管理: Swift Package Manager, CocoaPods, Carthage Android 言語: Kotlin ライブラリ: Android Jetpack(LiveData, ViewModel, Navigation, etc.), Retrofit, OkHttp, Re
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメーションで遊びたい - Androidマンになりたいおじさん
Adobe XDでプレゼン資料を作ってみたら驚くほど簡単で自由自在だった｜東芝 UIデザイン
UNIEL ltd.
Rag Time Betty > ラグタイムとは > ラグタイムについての解説
AfterEffects-Bodymovin-Lottie-Vueを使ってみる - MOL
Aspire One /USB起動するKnoppix ba*d
How to Flare a Flutter app? Part 1 - Create Animation
地球に落ちてくる中国の衛星｢天宮1号｣は、騒がれてるほど大ごとにならなそう
https://app.lottiefiles.com/preview
SVG Generators — Smashing Magazine
最近好きな化粧品のことだけをタラタラ書くよ｜kaijinchan
新しくリリースされたSketchプラグインを紹介します（2020.04版） | DevelopersIO
デザイナーがブレイクスルーを起こすには｜Harada Yoshiki｜note
2024年｜CANARY アプリの技術スタック
Nuxt.jsでLottieアニメーションをページローディングで使う - Qiita
slub
新しくリリースされたSketchプラグインを紹介します（2020.01版） | DevelopersIO
Animated SVG Radial Progress Bars
Sketch - After Effects - Lottie でアニメーションを実装する流れ｜711fumi
UIデザイナーとして2年間働いてみて思うこと｜Yuri Morimoto｜note
アニメーションの実装をしたいけどどうすればいいかわからないデザイナー、エンジニアへ - Qiita
Xtoneでのスマホアプリ開発時の技術選定 - Xtone Design & Tech Talk