Responsive web design tool, CMS, and hosting platform | WebflowWebflow acquires Intellimize, a website personalization and conversion rate optimization platform.
ゲーム・アプリに組込めるフォントまとめ｜トリヘッズ
2022/11/23 LINE Seed JP、BIZ UDPゴシック/明朝追加。ゴシック体比較も更新 フリーまたは比較的安い組込み(埋め込み)可能なフォントを厳選して紹介します。 フォントの組込みが必要なインディゲーム開発やアプリ開発、ゲームの有志/プロ翻訳で参考になれば幸いです。ここで取り上げるフォントは商用・同人活動・動画・ポスターでも使用可能なのでその他の方も参考になるはずです。変更や間違いもありうるのでライセンスは必ずご自身で確認してください。 ゲームやアプリでフォントを使う場合は、組込み(埋め込み)と画像として使用する2つの使い方があります。 ほとんどのフォントはゲームやアプリに画像として使用するのはOKでも、組込むとなると別途契約が必要だったり許可されていません。 たとえば、フォントワークスの「LETS」は年間/PC1台につき2万4千円～ですが、組込みやチャット入力の場合だと
Atomic Designを分かったつもりになる
「Atomic Design」（アトミック・デザイン）という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。
レスポンシブデザインに見るデザインカンプと実装との溝
デザインカンプを基に実装する難しさはあらゆる場面で語られます。私の場合は特にレスポンシブデザインに関する仕様の解釈に悩む場面が頻繁にあります。 その問題点はどこにあるのでしょうか。私の制作したツールの紹介を通して、グリッドシステムのあり方やレスポンシブデザインの意味などを考察しました。 デザインカンプとワークフローの関係性 ウェブサイト制作のワークフローでは、クライアントとの上流での合意形成と開発者への指示書との役割をデザインカンプが兼ねるパターンがよくあります。デザイナーはウェブページの実装仕様を決定しながらデザインカンプを制作し、開発者はデザインカンプを通して前工程での決定を読み取りながら実装します。 デザインカンプを基に実装する難しさの一因は、それがシステムが取り得る状態のうちの一場面を切り取った単なるスナップショットでしかない構造です。 仕様を理解するためには、デザイナーが想定する
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
がんばらないデザインシステム - MOL
TLDR: Material Designをカスタマイズして利用した話 最近、デザインシステムって言葉よく聞きますよね。airbnbではDLSというデザインシステムを持っていたり、UberはBase Webというデザインシステムを持っていたり、アメリカ連邦政府も持ってたりします。国内のIT企業でもデザインシステムを作成しているとの事例もよく耳にします。 デザインシステムとは？ デザインシステム：デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパターンやコンポーネントなどのツールキットをすべて備えたもの。 デザインシステムの定義と作成方法、導入事例 | UX MILK では、デザインシステムってのはどういったもんなんでしょうか？これまでも、スタイルガイドやコンポーネントライブラリといったものは聞いたことがありますが、デザインシステムというのはそれらも含めたもう少し大きなモ
意味が分かると怖い広告｜INSPI（インスピ）｜広告デザインとアイデアの教科書
「意味が分かると怖い話」という物語のジャンルがあります。その中でも下記の「井戸」という話が有名で、おそらくご存知の方も多いと思います。 ある日、泣き声がしゃくに障ったので妹を殺した、死体は井戸に捨てた 次の日見に行くと死体は消えていた 5年後、些細なけんかで友達を殺した、死体は井戸に捨てた 次の日見に行くと死体は消えていた 10年後、酔った勢いで孕ませてしまった女を殺した、死体は井戸に捨てた 次の日見に行くと死体は消えていた 15年後、嫌な上司を殺した、死体は井戸に捨てた 次の日見に行くと死体は消えていた 20年後、介護が必要になった母が邪魔なので殺した、死体は井戸に捨てた 次の日見に行くと死体は消えていなかった 次の日も、次の日も死体はそのままだった 一応解説すると、それぞれの死体はひとりでに消えていたわけでは勿論ありません。何者かが夜な夜な死体を処理していたということになりますが、母親
IKEAがソファフォント“SOFFA Sans”を突然配布 「世界で最も快適なフォント」
家具販売を行うIKEAが"世界で最も快適なフォント"として、ソファを連結した書体デザイン「SOFFA Sans」を配布しています。ソファ配置シミュレーションツールを利用した大喜利が、Twitterを中心に話題となっていたことを受けて、フォント配布に至ったようです（関連記事）。 ソファでできたフォント（画像はIKEAより） 「SOFFA Sans」は、IKEAの「VALLENTUNA」というソファをベースにして作られたフォント。ファイルの説明には「配置ツールを使った顧客から影響を受けた」との記載があり、どうやらIKEAが公開しているソファ配置シミュレーションツールをめぐる一部の利用者の盛り上がりに乗っかった形のようです。 IKEAの公式サイトでは、複数のソファを組み合わせることで、サイズやコストを算出できる配置シミュレーションツールを公開中。自由な組み合わせができるため、実用面ではあり得ない
美術家・横尾忠則インタビュー
tadanori yokoo photographer: chikashi suzuki writer: madoka hattori パリ・モンパルナスにあるカルティエ現代美術財団の30周年記念展に出品した横尾忠則氏の作品 ＜カルティエの「住人たち」＞ をまとめた画集『カルティエ そこに集いし者』が発売された。計119名、133枚にもおよぶ大作はどのように生まれたのか。精力的に活動を続ける横尾氏に、自身のアトリエで伺った。 1日1枚、133枚を3ヶ月で描きあげる —2006年にカルティエ財団で個展をされたんですよね？ 13年も前のことですが。 そんな前だっけ？ 3〜4年前な気がするなあ。エルヴェ（・シャンデス）さん（カルティエ現代美術財団ゼネラルディレクター）が僕に興味を持ってくれていて、展覧会が決まる数年前から水面下で調査をしていたらしいです。それまで全く僕は知らされてなくって。時々日
フィッツの法則をUIデザインに活用する
よく知られているように、人間の行動は予測がつかないものです。重力、電気、摩擦とは違い、毎回いつも同じように振舞うわけではないようです。 そしてこのことが、フィッツの法則を興味深いものにしています。フィッツの法則とは、人間の振る舞いについての非常によくできた予測モデルです。 デザイン時にフィッツの法則を活用することで、標準的な人間の振る舞いを用いて、使いやすいインターフェイスを作れるようになります。あなたのWebサイトにも、ソフトウェアのプログラムにも、ゲームにも、これを用いることができます。食料品店のセルフレジから金融系のWebサイトまで、人間の行動は変わらずに同じままなのです。 どんなインターフェイスも、フィッツの法則から得られる教訓を用いることで、ユーザーが起こすエラーを減らして、彼らがタスクをより素早く達成するようにできます。 フィッツの法則とは何か フィッツの法則は、人間の行動をモ
Yahoo! JAPANトップで見るウェブデザインの歴史
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5本目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...！ インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年 アメリカのYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah
「大規模なUI改修」を行うとどうなるか
アプリケーションを実装していくと、「大規模なUI改修」に遭遇することがある。 あちこちで見聞きした結果、以下のようなパターンがあるように感じたのでまとめてみた。 （UI改修なので基本的にフロントエンドからみた内容） 機能実装を進めて行った結果、UIの実装が難しくなる。これは一般的に「技術的負債」と呼ばれることが多いが、デザインの負債（UIを置く場所が無くなったり無くなったり、同じ概念のUIが分散したり）である場合も多い。 （ちなみに、デザインの負債は「ダイアログを多用する」とか、「最小画面サイズが大きくなる」とかの形で現れやすい） そして、デザイン負債に対応するために実装の困難なUIが増えるため、技術的負債も高くなる傾向がある。 （サーバサイドの技術的負債がDBの負債に起因する場合が多いことと似ているかもしれない） 技術的負債の解消とデザイン負債の解消を目的とした「大規模なUI改修」が企画
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spectrum, Adobe’s design system
デザインに便利なツール18選｜かずたか
UX ROCKET #01 〜 UXネイティブのキャリア設計
Material Design
USWDS: The United States Web Design System
Design notes