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] - 表紙画像に、このコ
Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手
米Adobeは9月15日（現地時間）、デザインコラボレーションツール大手のFigmaを200億ドル（約2.9兆円）で買収すると発表した。2023年内に買収を完了する予定としている。 Figmaは、Webサイトやアプリなどのデザイン制作全般をWebブラウザ上で完結できるコラボレーションツール。プロダクトマネジャー、エンジニア、マーケターなど、非デザイナー人材も参加して、一緒にデザインを作り上げられるのが特徴。チームでのプロダクト制作を支援する。 海外ではGoogle、Microsoft、vmware、Twitter、Uber、Block（旧Square）などテックジャイアントで導入されており、国内でもヤフー、LINE、楽天、富士通などがすでに採用している。2022年7月には日本進出を果たしたばかりだ。 買収後は、Figmaの共同創業者兼CEOのディラン・フィールド氏が引き続きFigmaチーム
やばすぎるAI画像生成サービス「Stable Diffusion」始まる。 【簡単解説 & 応用 & Prompt付生成事例集】｜やまかず
一応、StableDiffusionとははっきりまず言います…とにかくやばいです。 分かりやすく、他のDALL・E2、Midjourney、Disco Diffusion、他有象無象Text to image machine learning系サービスと比較しますと… クオリティがかなり高い。 制限がなくなり、かなり細かい調整ができるようになったDALL・E2のような感じです。 生成が早い。 設定なしで使えば正直体感DALLE2より早いです。6秒..くらい？ 安い。 3円くらいだと思います。 DALL・E2は1生成17円。Midjourneyは月4000円。 オープンソース これからいろんなサービスにこのAIが搭載されます。 他AIではかけられている学習データのフィルターがない。 各国の代表者や、有名人、ポルノがデータに含まれています。 PC上で使用できる。（ = その場合無料） いや、こ
Windowsの新しいロゴデザインが明らかに
Microsoftが開発するPC向けOS「Windows」のロゴデザインが新しいものに変更されたと報じられています。 Microsoft reveals new Windows logo design and 100 modern app icons - The Verge https://www.theverge.com/2019/12/12/21012997/microsoft-new-windows-logo-fluent-design-icons Microsoft reveals new Windows Logo and Microsoft 365 icons - The Redmond Cloud https://www.theredmondcloud.com/microsoft-reveals-new-windows-logo-microsoft-365-icons/ Mic
ヤマト、キャラクターを２８年ぶりリニューアル
ヤマトホールディングスは２３日、１１月２９日に旧社名の「大和運輸」として、創業１００周年となるのを機に、グループの「クロネコ・シロネコ」のキャラクターを２８年ぶりにリニューアルすると発表した。 新しいキャラクターは、ＪＲ東日本のＳｕｉｃａのペンギンなどのデザインで知られる絵本作家・イラストレーターの坂崎千春さんが制作した。今後、ヤマトグループの広告や販促グッズなどの幅広く活用される。以前のキャラクターは、アニメーターの堀口忠彦さんが制作したもので、切れ長の目や大きな口が特徴的だった。 坂崎氏はリニューアルに当たって「大事にしたのはシンプル、親しみやすい、調和の３つです。目の色をグループのイメージカラーの黄色と緑にして特徴を出しました。日本中の世界中のすべての人々に愛されるように…」とコメントした。
意匠法改正によるWebデザインの保護 — ブログ | 株式会社Spelldata
Webデザインの商業的価値の保護 2019年5月16日 著者: 将星国際特許事務所 所長 弁理士 渡部 仁 今回は、Spelldataの顧問弁理士で、将星国際特許事務所の所長である渡部 仁先生に、2019年3月1日に閣議決定され、来年4月に施行と目されている「特許法等の一部を改正する法律案」で改正される意匠法によって、Webデザインの保護がどのように変わるのか、専門家の立場から解説の記事を書いて頂きました。 Webデザインの法律的保護 集客効果の高いWebページのデザイン（以下「Webデザイン」）を作成しても、第三者にそのWebデザインを模倣されることで、Webページが販促ツールとして機能しなくなることがあります。 さらには、悪意のある模倣により事業者の信用が毀損され、事業の継続が困難となるケースも生じ得ます。 Webデザインの模倣盗用に対し、どのような法的保護を受けることができるのか知っ
新一万円札「渋沢栄一」紙幣デザインを発表 ５年後めど発行 | NHKニュース
政府は偽造防止などを目的に、一万円札、五千円札、千円札の３種類の紙幣のデザインを一新すると正式に発表しました。新たな肖像画には一万円札に「近代日本経済の父」と呼ばれる渋沢栄一、五千円札に日本で最初の女子留学生としてアメリカで学んだ津田梅子、千円札に破傷風の治療法を開発した細菌学者の北里柴三郎を使用し、５年後をめどに発行する方針です。 これは麻生副総理兼財務大臣が閣議のあとの記者会見で明らかにしました。 それによりますと、一万円札と五千円札、それに千円札の新たなデザインの紙幣を５年後の2024年度上半期をめどに発行します。 新しい一万円札の肖像には「近代日本経済の父」と呼ばれ、明治から昭和にかけて産業界をリードした渋沢栄一が使われ、裏には東京駅の駅舎が描かれます。 五千円札は日本で最初の女子留学生としてアメリカで学び、日本の女子教育に尽力し、津田塾大学を創立した津田梅子の肖像が使われ、裏には
「このイラスト、価格はいくら？」 AIがプロ目線で見積もり
「企業からイラスト作成を発注されたが、提示された価格は安すぎないだろうか」──SNSなどで、イラストレーターからこんな声が時折上がっている。客観的に、イラストの工数や価格を評価できないか。こんな要望を叶えるシステムを、コンテンツ制作会社がAI（人工知能）で試作した。 「塗り方」「描き込み量」「難易度」「価格」 AIが評価 このシステムに、食べ物を持った女の子のイラストを入れてみる。すると、AIが数秒かけてイラストを解析し、「水彩塗り」「ギャルゲ塗り（※）」といった塗り方の割合判定や、背景画像の比率、描き込み量、制作難易度、総合スコア、想定制作価格を提示してくれる。 ※ギャルゲ塗り：美少女ゲーム（ギャルゲー）でよく用いられる塗り方。主にエアブラシツールなどで、キャラクターの柔らかな陰影や色のグラデーションを表現する手法を指す。
データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
東京駅スイカ、画家めざした車掌がデザイン 芸大落ち断念、再び絵筆
東京駅スイカ、画家めざした車掌がデザイン 芸大落ち断念、再び絵筆 購入希望者が殺到した「東京駅開業100周年記念Suica（スイカ）」。デザインしたのは、東京芸大への進学に失敗、絵描き諦めた1人の女性車掌でした。
魅力的なプレゼン資料や企画書作成のコツ【参考スライドあり】
プレゼン資料・企画書作成の参考になる7つのスライド【パワポやKeynoteでも使える！】 まずは、企画書やプレゼン資料の参考になるスライドをご紹介します。 キレイな提案書を作るためのデザインの基礎知識 → キレイな提案書を作るためのデザインの基礎知識 「プレゼン資料・企画書は内容を伝えるためにあり、デザインはそれを達成するための手段だ」 と考える、筆者の考えが強く出たスライドです。 スライドの中では、フォントの種類や文字の装飾の多用などを避け、「本当に伝えたいことを伝えられるようにするシンプルなデザイン」を強調しています。 「シンプルであること」を目指しているので、難しい操作も必要なく、「良いデザインは、そもそもセンスがないと作れない」と諦めている人におすすめのスライドです。 しょぼいプレゼンをパワポのせいにするな! → しょぼいプレゼンをパワポのせいにするな! 「酷いプレゼンはパワポのせ
Heart 401AB：ハート型のデザインと“ド変態”なギミックがステキなPHS - 週刊アスキー
※2015年1月21日16:00 Heartの説明会、動画を追記しました。 ワイモバイルは、ハート型のデザインPHS『Heart 401AB』を3月下旬に発売する。価格は、350円×3年（36回）で 実質1万2600円。待受時にはハート、使用時にはストレートに変形するギミックが特徴となっている。 タッチセンサー、ボディーに浮かび上がる液晶を搭載しており、タッチセンサーを利用して電話番号を直接入力することも可能。アドレスデータは、スマートフォン（iOS、Android）の専用アプリから転送できる。 持ちやすいラウンドフォルムで女性の手にも持ちやすいデザインとなっている。 また、Heartの発売に合わせて『セーラームーン』とのコラボ企画を用意。 そのほかにも2015年1月22日にリニューアルオープンする自由が丘スイーツフォレストでは2月1日～3月20日までの期間『Heart』の展示やコラボスイ
断崖絶壁の果てにまで住めるようになるぞ…
究極のスペース有効活用！ もはや人類は住む土地がなくなってしまうのか、はたまた金持ちセレヴの新たなお金の使い道なのか、とにかく崖の端から先にまで踏み出して住んでしまいたい……。そんな願いをかなえてしまう｢Cliff House｣なる建築デザインがオーストラリアのModscapeによって発表されましたよ。 まずは崖から落っこちそうになる最先端トップへ、玄関口を兼ねた最上階フロアを出っ張って作り上げることができれば、あとはモジュラー構造で下へ下へと階を重ねて居住スペースが増えていく仕組みとのことで、最下層のオープンテラスからは絶景ジャグジーとバーベキューを海から吹きすさぶ風を受けつつ満喫できるんだとか。 まだコンセプトデザインとのことですけど、実際にクライアントからのリクエストを受けて進めた設計というだけあって、そのうちオーストラリアの西海岸に、こんな別荘が立ち並ぶ時代がやって来るかもしれませ
ヤフー、6年ぶりにトップページ刷新--スマデバで「ポータルの進化形」目指す
ヤフーは2014年内に、ポータルサイト「Yahoo! JAPAN」のスマートデバイス版トップページを刷新する。これまでテキストを主体にしていたデザインを、画像を充実させたものに変更。ユーザーにあわせたコンテンツを表示させるパーソナライゼーション機能も改良する。なお、タブレット版の新トップページはすでに7月3日から一部のユーザーに対して試験的に表示させていたが、7月23日にはスマートフォン版でも試験提供を開始した。 トップページの上部に検索窓を配し、その下にYahoo!ニュースの主要記事を表示。そのさらに下には、各ユーザーにあわせた情報（従来の「あなたにおすすめの記事」）の掲載枠「ストリーム」を設置した。またタブレット版は画面左側にヤフーの主要サービスを縦に配置し、その並び順はユーザーが自由に設定できるようにした。 トップページに表示するYahoo!ニュースは画像を大きく扱う。並び順や情報量
モバイルファーストの本当の意味と、実践方法
Web製作の現場で、まず先にモバイルサイトから着手し、そのデザインが固まった後にPCサイトをデザインする「モバイルファースト」。日本マクドナルド、ANA、飲食店の事例も交えて実践方法を分かりやすく紹介する。 「モバイルファースト」という言葉は2009年にルーク・ウロブルスキー氏（Luke Wroblewski、以下ルーク氏）によって提唱され、その後 グーグルやアドビシステムズ、フェイスブックなどのカンファレンスで言及され、北米で認知が広がりました。2012年にWebDirectionsEastでルーク氏が来日して講演したこともあり、日本国内でもさまざまなメディアでこのキーワードを目にするようになりました。この記事では、モバイルファーストの本来の意味と実践時の注意点をお伝えします。 1分－モバイルファーストは、イノベーションをもたらす スマートフォンの市場はこの2、3年のうちに急速に普及し、
【画像】マイホームが一気にデザイナーズマンション風に！ユニークでクリエイティブな階段デザイン14選 | IRORIO（イロリオ） - 海外ニュース・国内ニュースで井戸端会議
念願のマイホームを構えるとき、階段のデザインまでこだわる人はそういないだろう。しかし、誰もが見逃しがちな場所だからこそ、ちょっとした工夫で俄然オシャレに見えるというもの。今日はそんな、個性的でクリエイティブな階段のデザインをご紹介しよう。 ぐにゃぐにゃ階段
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ | SUN MEDIA｜販促のまとめ
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,131 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,786 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,664 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Galileo AI
