概要 FigmaのSmartHR UI（ライブラリ）は組織全体で利用しているライブラリのため、意図しない更新から保護するために編集権限を制限し「ブランチ機能」を使って運用しています。 SmartHR UIにコンポーネントやスタイルを追加・変更したい場合は、本ページを参考にしてください。 コンポーネントの構造や命名などの考え方は、デザインデータ（Figma）の作り方を参考にしてください。 ブランチ運用上の注意 SmartHR UIに変更を加える場合は、Figmaの「ブランチ機能」を利用してレビューを依頼する必要があります。 ブランチ作成時やレビュー依頼時は、以下の点に注意して作業してください。 守って欲しいルール コンポーネントを配置しているフレームの位置の変更を、ブランチ内で行なわないでください。 マージ前にフレームを入れ替えたり移動すると、フレームの移動によって関係ないコンポーネントにも
GoogleがGoogle I/O 2025で発表予定だったAndroid向けの次世代UXデザインシステム「Material 3 Expressive」を、自社ブログ上でうっかり公開してしまったことが明らかになっています。記事作成時点では「Material 3 Expressive」に関するブログ投稿は非公開となっていますが、インターネットアーカイブのWayback Machineで内容は確認可能です。 Leak: How and why Google made Material 3 Expressive https://9to5google.com/2025/05/05/material-3-expressive-leak/ Google just leaked Android’s new design language | The Verge https://www.theverge.
値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。 10周年を迎えた「メルカリ」さんを取材しました。 株式会社メルカリ Product Manager 塚本 佳実さん、UX Design Manager 宮本 麻子さん「メルカリ」について教えてください。塚本： 「メルカリ」は、国内最大手のフリマアプリです。2023年の7月にサービス開始からちょうど10周年を迎えました。 直近のアクティブユーザー（MAU）は2,200万人以上に、四半期のGMV（流通金額）は2,500億円以上に到達しています。 累計だと30億品以上が出品されていて、販売の速度でいうと「1秒間に7.9個の商品が売れている」というデータもあります。 この10年間でのトレンドの変化としては、取引されている「ブランド」にも変化が出
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023) 2023年に取材した記事から、長く参考になりそうな施策をまとめました。※ 数値等はあくまで取材当時のものです。 1、商品ページの「¥マーク」を小さくしたら購入率アップ（メルカリ）メルカリでは、商品詳細ページの「値段の¥マーク」を小さくしたところ、購入率が大きく上昇した。 理由としては、¥マークを小さくしたほうが、心理的な「価格の圧迫感」が減って、心理的にすこし安く感じるためと考えられている。例えば、¥マークが大きいと桁数が多く感じたり、価格を高めに感じやすい。 この案があがったときには、社内でも懐疑的だったそうだが、テストすると小さな開発コストで大きなリターンを得られる施策になった。 元記事：https://markelabo.c
ひとつのデザインが事実上の標準となり、その後の基本パターンを変えてしまうことがあります。変わった後ではそれが当たり前となってしまい、その標準に始まりがあったことなど誰も気にしなくなるのです。また振り返ってみたとしても、それがなかった頃の感覚に立ち戻ることはできないので、もはや何がどう新しかったのかを実感することは難しいのです。 2007年に iPhone が発売され、その一年後に日本で iPhone 3G が発売されてから今日（2018年7月11日）でちょうど10年が経ちました。この10年間でスマートフォンやそのアプリを介したオンラインサービスは瞬く間に普及し、私たちのモバイルコンピューティング、コミュニケーション、ソーシャルメディア、Eコマースなどの態様が大きく変化したのは周知のとおりです。 iPhone のデザインは多くの面で新しいものでした。そしてその大部分がその後のスマートフォンの
これをみてひとしきり笑ったあと、デザイン思考バージョンもやりたいなと思って書いてみた。 挨拶内海「どうもお願いします。ありがとうございます。今、ブロックチェーンをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね。」 駒場「いきなりなんですけどね、うちのおかんがね、好きな問題解決の考え方があるらしいんやけど」 内海「そうなんや。」 駒場「その名前を忘れたらしいねん。」 内海「問題解決の考え方の名前忘れてまうってどうなってんねん。」 駒場「いろいろ聞くんやけどな、全然わからへんねん。」 内海「そうなん？」 駒場「うん。」 内海「ほんだら俺がね、おかんの好きな問題解決の考え方、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ。」 定義駒場「おかんが言うには、デザイナーがデザインを行う過程で用いる特有の認知的活動やって言うてた。」 内海「ほぅ。……デザ
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
某ゲームに弊社のデザインした水着と極めて酷似したイラストが使用されている件について。 様々なリプや引用RTがございましたので改めて当方の見解をここに簡単に記しておきます。 まず前提として当方はこれを権利侵害を主張したり法的措置を講じるというつもりは毛頭ありません。 1デザイン毎に意匠権登録など手間とお金がかかる事はしませんし、そもそも衣類とイラストが対象である以上法的保護は意味を成しません。そんな事はこれまで何度も調べて自分なりに理解しているつもりです。 また、該当イラストが盗用であるとは一言も申してないにも関わらず当方が争う姿勢を示しているかのように誤解されていらっしゃる方も多い為、何故あのツイートをしたのかを説明しておいた方が良いかと思った次第です。 勿論当方の見解はそれが1年以上前に発売した水着のデザインと酷似していると感じましたし、同時にとても残念な気持ちになりました。 何故ならそ
まとめ方が恣意的ではありませんかね？ なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ [B! デザイン] なぜ日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ アメリカと中国の企業ロゴはシンボルだけが多いのに、日本の企業は文字ベースが多いと主張する記事である。しかし、日本の例として挙げられる企業が恣意的に選ばれているのではないか？との疑義が寄せられた。それを受けて、記事を執筆した Brandon K. Hill 氏は以下の記事を投稿した。 本当に日本のブランドロゴは文字ベースのデザインが多いのか？ デザイン会社 ビートラックス: ブログ なぜか、日本の企業しか調べられていない。”ロジカル”に検証するなら、前の記事で挙げたアメリカや中国とも比較すべきだろう。 というわけで、グローバル、アメリカ、中国
unito｜泊まるように暮らす @unito_official #新生活 に役立つ #暮らしtips 🕊 3月26日、渋谷にオープンの「Standard Products by DAISO」 ベーシックで洗練されたデザインの新ブランド🛒 300円を中心にアイテムを展開🧺🌿 prtimes.jp/main/html/rd/p… pic.twitter.com/gmqHRIdSHO 2021-03-24 19:01:04 リンク プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES 「ちょっといいのが、ずっといい。」普段の生活で使う、日用品をちょっと楽しく。大創産業、新業態「Standard Products」をオープン 株式会社大創産業のプレスリリース（2021年3月19日 12時42分）[ちょっといいのが、ずっといい。]普段の生活で使う、日用品をちょっと楽しく。大創
iPhoneにおけるアーリーアダプター層の方は、iPhone 3GやiPhone 3GSの頃の "iPhoneの画面デザイン" を思い出すことができるでしょうか。スワイプで開くのがデフォルトで、ボタンのデザインに光沢が施されていたころの時代の画面です。 ただ、そうした物質的なデザインである**「スキューモーフィックデザイン」**と呼ばれるデザイン手法は、次第にフラットデザインに取って代わられるようになりました。しかし、今再び「スキューモーフィック」が注目されています。 今回は、"スキューモーフィックデザイン再入門" と題して、スキューモーフィックデザインの考え方や基礎知識、なぜ再び注目されているのかを考察していきます。 ちなみに、スキューモーフィックデザインという言葉自体を初めて聞いたという方も、ノンデザイナーでデザインとかかわりが薄い方も、ぜひ本記事を読み進めてみてください。 「スキュー
【 本記事のターゲット 】 丸と線（○と－）が記載されたスイッチどちらがONなのかOFFなのかいまいちわからない今回は電化製品などによく付いている電源ON/OFFスイッチのマーク（○ or ー）に関して、どちらが電源ONでどちらが電源OFFなのか、写真や図を用いてご紹介します。 丸と線（○と－）のON / OFFスイッチ、どっちがONなのか？電化製品はじめ、パソコンやスマホのメニューにも用いられてる場合あり先日嫁さんが下記ボンドガンを用いて子供用の小物を作ろうとしていたのですが... 上記機器を手にとって「あれ？」「おかしいな」と言い続けている... なんだろう？と思ったら、電源をさしてスイッチを入れると温かくなるはずなのにならないんだとか...そして嫁さんから 電源ってどっちをONにすれば良いのかな？これであってる？と... そんなもの見れば分かるだろうと思い、実際にスイッチを見て見たの
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
SatokoTakayanagi @SatokoTakayanag 日本の人たちがブリャンスク工場の牛乳に大興奮。でも美味しいからじゃなくて、猫のパッケージデザインにだよ！いつか日本に行くときがきたら、おみやげにするといいかも。（とロシアでいわれております） twitter.com/lentaruofficia… 2020-08-29 19:09:07 Лента.ру @lentaruofficial Японцы в полном восторге от молочки брянского комбината. Но не из-за вкуса, а дизайна упаковок с котами! Еще одна идея для гостинцев, если когда-нибудь поедете в гости pic.twitter.com/pAJpNqrrlW 2
LA28 GAMES PLAN THE POWER OF SPORT. THE MAGIC OF LA. From legendary venues steeped in Olympic history to stunning locations where the sand meets the surf, Los Angeles offers the perfect backdrop for athletes and fans to come together in a global celebration of sport, culture and unity. With over 55 Olympic and Paralympic sports, 800+ events and more than 3,000 hours of live action, fans can expect
スペキュラティブ・デザインとは スペキュラティブとは日本語で「思索」という意味で、課題について考えるきっかけを「提起」するデザインがスペキュラティブ・デザインです。 本来デザインは「課題解決」をするものですが、前回書いたように、顧客の課題解決を目的としている以上「行為の意図せざる結果」は避けられないという限界があります。 そのため最近「アート思考」という言葉が注目され始めているのですが、デザインの側でも「課題の提起」に対応しようとする動きが起こりました。 英国の王立芸術大学（Royal College of Art）の教授であるアンソニー・ダンとフィオナ・レイビーは、デザイナーは人口問題や、地球温暖化といった、世界の諸問題を解決する人ではなく、世の中の価値や信念、態度を疑って、さまざまな代替の可能性を提示する役割を担っていると言い、いわゆるデザイン思考をAとすると、Bにあたるとする「スペキ
デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！
■パワポの色はダサいどうも今回は脱パワポっぽさ！ということで、色をテーマにまとめていきたいと思います！ みなさん、パワポでスライドを作る際、色をどのように決めていますか？ 図形を挿入した時のデフォルトの色を使っていますか？ 図形の塗りつぶしから色を選んでいますか？ もちろん、もともとパワポに設定されているカラーでも問題はありませんが、どうしても普段から目にすることが多いので、パワポっぽさを感じる配色になってしまいます。 今回のテーマ「パワポっぽさを脱却する」ということですから、私がいつもやっている方法を紹介したいと思います！ ■色を決めるのはめちゃくちゃ難しいということを自覚する実際に私がおすすめする方法を紹介する前に、色を決めることの難しさについて話したいと思います。 フランスの国旗（イタリアでもルーマニアでもドイツでもチャドでもポーランドでもいいですが笑）で考えてみたいと思います。もし
私は株式会社ジャイロで医療機器の画面や教育コンテンツのUI/UXデザインおよびディレクションを行なっています。医療機器のデザイン業務は、主にメーカーから受注しています。 10年前に心臓カテーテル用検査装置の画面デザインを受注して以来、心電計、血圧脈波検査装置、産婦人科用ECGモニタ、歯科用CTスキャナ装置、手術室用統合表示モニタなど、いろいろな機器の画面表示部のUI/UXデザインに取り組んできました。 デザイン実施例：手術室用統合表示モニタ（AMEDからの支援プロジェクト「安全性と医療効率の向上を両立するスマート治療室の開発（SCOT：Smart Cyber Operation Theater）」 今回は、医療機器画面のUI/UXデザインについて、どのような流れで受注から納品までの業務を進めているのか、ステップを追ってご紹介します。 ステップは大きく分けると3つあります。 依頼から契約まで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
