3つの実装例で学ぶ、STUDIOアニメーションの作り方
STUDIOアニメーションの基本をマスターしよう！ | STUDIO Blog
3つの実装例で学ぶ、STUDIOアニメーションの作り方
スタジオ午前2時 |グラフィック デザイン エフェクト、テクスチャ、デザイン バンドル、フォント
独自のバンドルを作成すると、最大 40% オフになります。2 ～ 5% オフで購入 3 個購入すると – 10% オフ 4 個購入すると – 15% オフ 5 ～ 20% オフで購入 7 個購入すると – 25% オフ 10 ～ 30% オフで購入 15 ～ 35% オフで購入 20 個以上購入すると、 40% オフになります。 割引はカート内で自動的に適用されます(既存のバンドルを除く) アイスランド (ISK kr) アイルランド (EUR €) アセンション島 (SHP £) アゼルバイジャン (AZN ₼) アフガニスタン (AFN ؋) アメリカ合衆国 (USD $) アラブ首長国連邦 (AED د.إ) アルジェリア (DZD د.ج) アルゼンチン (AUD $) アルバ (AWG ƒ) アルバニア (ALL L) アルメニア (AMD դր.) アンギラ (XCD $) ア
フォントのライセンスはわかりづらい？ モリサワnote編集部が法務担当を突撃してみた｜モリサワ note編集部
突然ですがみなさんは、フォントを使う際に「ライセンス」の存在を意識することはありますか？ 書体のあれこれをお話することはあっても、そのライセンスについて取り上げる機会は少ないかも、と気がついたモリサワnote編集部。実際、SNS上には「これって法的にどうなの？」という疑問や、「よくわからない……」「ややこしい！」といったつぶやきが多数みられます。 そこで今回は「社内でライセンス事情について一番詳しい人に聞いてみよう！」ということで、モリサワの法務担当を突撃！ 基本的な事項から実際に起こりうる具体的なケースまで、あらゆる質問をぶつけてフォントライセンスにまつわる疑問を解消していきます。 ※2023年6月時点の情報をもとに記事を作成しています。最新の情報は必ずご自身で提供元のライセンスのご確認をお願いいたします。 １. フォントのライセンスとは？社内弁護士に会いにいったら、営業担当もやってきた
STUDIOの自動カルーセルを使って無限ループ・スライドショーを実装する方法
STUDIOのアニメーション設定にはループさせる機能がありませんが、2023年1月に追加されたカルーセルの自動再生機能を応用することで、一定速度で要素が無限ループするデザインを実装することができます。...
マスターカードのロゴが現代のブランドについて教えてくれること
マスターカードはリブランディングの際に、ロゴから「Mastercard」という言葉を省くこと発表し、話題を呼びました。しかし、この決定は、ブランドが自らを表現する方法においてより広範なトレンドの兆候なのか、それとも単にマスターカードが変化する市場に対処しているだけなのか、どちらなのでしょうか？ ワードマークを持たないロゴとは ワードレスなロゴを採用するブランドはマスターカードだけではありません。 例えば、Apple、McDonald’s、Starbucks、Nikeなどです。企業がビジネスと顧客関係の急速なデジタル化に適応する中で、私たちはデジタルエクスペリエンスに焦点を当てたリブランディングに方向性をシフトしていく企業をいくつも見てきました。Mastercardの具体的なケースでは、そのデジタル化の中に、名前のルーツである物理的なクレジットカードが存在しない未来も含まれています。それは、
11月。2023年ラスト！話題のサイト10選。｜iDID Magazine
こんにちは、iDID Magazine編集部です。先週ぐらいからめっきり寒くなってきましたね…。そして師走。あらゆるところで忘年会が行われていることと思います。もう少しでお仕事納め、もうひとふんばりですね。お仕事が公開されたら、見にいきますね。 これを書いているのは12月21日。ちょっと遅くなってしまいましたが、これが今年最後のまとめサイト記事になりました。これらのサイトがリリースされたのは11月なので、秋から冬に変わる季節感を楽しめるかもしれません。 今回は「秋冬の落ち着いた感じ」と「ポップでにぎやかなカラー」が混在していますね。いずれにしても変わらないのは、どれもがすてきで、最高なサイトばかりということ。 あたたかいコーヒーでも飲みながら、それではいってみましょう。 11月、話題だったサイトです。 1. 404 NOT FOUND｜SHIBUYA SAKURA STAGEきづいたら「遊
アプリUIデザイナーなら知っておきたい、iOSの文字が小さくなる問題｜tamamomo
これは フェンリル デザインとテクノロジー Advent Calendar 2022 12日目の記事です。 「〇〇なら知っておきたい」なんてタイトル、我ながら「大げさだなあ」と思ってしまいます。 それでもそんなタイトルにしたのは、「iOSの文字が小さくなることを知らないままアプリのデザインに携わり、泣きを見た私みたくなってほしくない」という思いがあるからです。半年前の自分に出会えるなら、「絶対に知ってほしい」と伝えたいぐらい、これは重大な問題です。 という訳で、「iOSの文字が小さくなる問題」について、啓蒙していきたい気持ちを込めて書き記します。 「そんなことも知らなかったの？」と笑われてもいいので、私のような思いをする人間を生み出さないためにも、本当に知ってほしいと思います。 iOSの文字が小さくなる問題とは問題の概要一言でいうと「指定通りのフォントサイズで実装したにも関わらず、実際に仕
スマホに特化したウェブサイト・モバイルファーストな「スマポンシブ」（PCはサブ的な扱い）｜Re:design News
（記事・写真）株式会社アールイーデザイン 辻 元気 スマホに特化したウェブサイトが近年、to Cに関して特に増えてきている。 そんなスマホに特化したウェブサイトをまとめてみた。 @2Gweb / @2Gcam 最終更新：2022/11/21 このカテゴリは何ていうデザインなんでしょうか？ モバイルファーストなデザインではあると思うんですよね。 PCで見ると、レスポンシブではあるんですが、スプリットデザイン的でSPのコンテンツ＋αな感じなんですよね。 一般向け（to C）のコンテンツならもうこのスタイルでありなんじゃとすら思っています。 この謎のデザインの肝は、PCの時の余白の使い方にあると思います。 SP的な要素はAndroidに合わせてなんでしょうけど、540px以下で展開しているものが多いような気がします。 なんて名前で呼べばいいかはわからないですが、その筋の間では昔の任天堂から発売さ
HEX Contrast Ratio Calculator
HEXの2色（前景色と背景色）のカラーセットからコントラスト比を計算し、WCAG2.1が定める基準を達成しているかを判定します。
Figma によるデザインシステム入門
本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ
Killer Portfolio | The ultimate portfolio website resource
Get inspiration and insights from the freshest portfolios, and useful resources to help make yours better.
初公開！「家計簿プリカ B/43」のデザイントークンの設計 - inSmartBank
こんにちはスマートバンクのデザイナーのputchomです。普段は「家計簿プリカ B/43」のプロダクトデザインやデザインシステムの構築を担当しています。 先日、CreatorZineさんでプロダクトデザインに関するスマートバンクの連載記事を書かせていただいたのですが、今回はその中でお伝えしきれなかった「デザイントークンの設計」についてご紹介しようと思います。 デザイントークンとは？ そもそもデザイントークンとは、色、タイポグラフィ、サイズ、不透明度、影などのデザインをするための最小要素のことであり、スマートバンクではデザインの一貫性を保ったり、関わるメンバーがよりデザインに対する共通認識を持てるようにして、プロダクトの価値提供を早くするために定義しています。 まず完成形です。このあと説明する様々な工程を経て、以下のようなデザイントークンをJSONで定義しました。（すべて記述するとかなり長く
デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
Figmaに公開されている日本のデザインシステム系ファイル
Figmaを絡めて新たなデザインシステム構築を手伝う仕事が生まれそうなので、調査がてらFigmaに公開されているデザインシステム系ファイルの情報をまとめました。 なお、海外のデザインシステムは大量に公開されており、特に有名企業のシステムはどこの記事でも紹介しているので、この記事では日本で公開されているFigma関連のファイルに限定して取り扱います。 検索する限りでは意外と日本企業が公開しているファイルは少ない。 なお、ここに掲載されている以外で公開されているファイルがありましたら@kgsiまでご連絡いただけると嬉しいです。 FALCON by SPEEDA コンポーネントごとにページを分けている VariantsはDefaultやLargeなどアッパーキャメルケースを採用 *書体はHiragino Kaku Gothic Proを指定 SmartHR UI by SmartHR 全コンポー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Discover iOS Apps | Mobbin - The world’s largest mobile & web app design reference library
QoQo - your user experience AI companion
Galileo AI
UI Guideline - Component Standardization
A behind-the-scenes look at building the Slack Design illustration library • Slack Design
Tailwind CSS Color Generator | UI Colors
