【イカしたUIを見る】Vol.2 これは発明だ！と思ったUIパーツ10選｜Goodpatch Blog グッドパッチブログ
知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
米政府系サイトの常識を変えた「デザインシステム」革命
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
「アーマード・コアとは何か？」に改めて向き合った最新作『ARMORED CORE VI FIRES OF RUBICON』（1）メカデザイン＆アニメーション篇
シリーズ最新作として目指したのは“原点回帰” 本作の開発がスタートしたのは2018年。フロム・ソフトウェアの代表取締役社長である宮崎英高氏をはじめとする3名が、開発初期段階のイニシャルディレクターとして小規模のチームを編成し、方向性の検討や初期プロトタイプ開発を行なっていた。 その後2020年にディレクターとして山村 優氏が合流し、前作『ARMORED CORE VERDICTDAY』（2013）の開発に関わったメンバーやメカ造形に明るい人材を多くアサインして本格的な開発が進行した。 シリーズ最新作として目指した方向性は「懐かしい新しさ」。 思い通りにカスタマイズした機体を自由自在に操ること、それがアーマード・コアの原点である――“アーマード・コア（以下、AC）とは何か”という、シリーズのもつ本質的な魅力や価値を再確認シリーズ最新作として目指したのは“原点回帰”する問いかけの上で浮き彫りと
らぶきゃら！
留袖回転ポーズts31は、椅子に座ったポーズです。留袖回転ポーズts31-L20（あおり20度）は、20度のローアングルから撮影した5度ステップ、360度の回転イメージです。
歩いていて楽しいダンジョンの作り方｜だらねこ｜note
ダンジョン、作るの得意ですか？ なんとな～くマップタイルを敷いてみたり。 なんとな～く分かれ道を作ったり。 なんとな～く行き止まりに宝箱を置いたり置かなかったり。 なんとな～く敵を配置してみたり。 なんとな～く謎解き要素を入れてみたり。 していませんか？ ダンジョンってそれっぽく作ることは簡単なんですよ。 ただ、そうして作られたダンジョンが面白いかどうかはまた別です。 ぶっちゃけ、 分かれ道があったところで怠いダンジョンは怠いし、ちょこちょこ宝箱があった所で「うひょ～、このゲーム最高に楽しいぜ！！」とはならない。 というのが現実じゃないですかね。なんとな～く作ったダンジョンが、なんとな～くつまらないダンジョンになっても、まぁ別に全然おかしな話じゃないわけです。 ただ、なんとな～く作っている人も、別になんとな～く作りたくて作っているというよりは、 何を考えて作れば良く分からんからとりあえず手
2022年も新しいフリーフォントがたくさんリリースされました！ 2022年、日本語の新作フリーフォントのまとめ
2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2022年フォント界の大きなニュースは、今年も引き続きGoogle Fontsに大量の日本語フォントが追加されたことでしょうか。Webフォントとして利用できるのはもちろん、オープンソースなので商用プロジェクトでも無料で利用できます。 また、LINEからフリーフォントがリリースされたのも予想外でした。ほかにも、手書き系の文字種が揃ったフリーフォント、マンガやテレビにインスパイアされたフリーフォントなど、使いたく
地雷系、量産型女子とゴスロリ、ロリィタってどう違うの？ | ブランド古着の買取・委託販売 KLD USED CLOTHING
こんにちは。 ブランド古着のKLDです。 最近「地雷系女子」「量産型女子」という言葉をメディアやSNSなどで目にすることはないでしょうか？ そしてその写真などを見ると、フリルやリボンのたくさん付いた可愛らしい服、年齢よりも幼い雰囲気を髪型やメイクで作っている女の子たち…。 「これはいわゆる「ロリィタ」というファッションじゃないの？」とお思いになった方も多いのではないでしょうか？ 実は地雷系女子、量産型女子はロリィタファッションに似ていながら厳密には違ったジャンルなんです。 今回は、「地雷系女子」「量産型女子」と「ロリィタ」ってどう違うの？ということについてお話したいと思います。 背景にある文化的なところから解説していきたいな…と思っておりますので、彼女たちのファッションにはそんなに興味がないけど…という方も楽しめる記事となっております！ ぜひご覧ください！ 地雷系、量産型って何？ まずは、
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
リコーダーは押さえる穴のほうを吸っても音が出る ～早稲田建築 『コ』展〜
早稲田の建築学科には「設計演習A」という名物授業がある。「役に立たない機械」を作りなさいという課題がとくに有名で、いろいろ不思議な課題に対して学生が全力で応えるというものだ。 ぼくはこの展覧会に毎回行っている。今年も行ってきました。 会期はオープンキャンパスの最中だった 会場はここ数年、早稲田大学の大隈講堂の近くだ。今年はオープンキャンパスの日でもあったので、高校生や親たちがいっぱいだった。 この階段を降りたところの右側が会場だ。 展覧会のタイトルは『コ』展。個展と同じ音で面白い。個性や自己のコということのようだ。 https://www.koten2022.com/ ではさっそく見ていこう。 「役に立たない機械」 最初は「役に立たない機械」という課題。役に立たない機械をつくれ、と先生に言われるのだ。出題は中谷礼仁先生。この授業では全部で4人の教授が出題をする。 そしてそういった課題に対す
「この悪い子猫ちゃんめ！」まるでVRのように没入感の高い会話シーン - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「この悪い子猫ちゃんめ！」、通称「わるこね」における会話シーンのカメラ演出の事例をご紹介します。 このデザインにより、以下の特徴があるように感じました。 一人称視点のカメラが固定式から移動式に変化することで、新しい表現になっている（新奇性） 該当の画面はこちらです。 最初はよくある会話シーンだと思っていました。 画面中央にキャラクターが表示されて、演技する系の画面デザインですね。 ©2021 xeen Inc. 会話を続けていくとキャラクターがプレイヤーに近づきます。 これにより見ている画面はプレイヤー自身の視点であることが強く意識されます。 ©2021 xeen Inc. 更にキャラクターに手を引かれてカメラが
ゲームにおける敵キャラクターの作り方
はじめに アクションやRPGゲームの制作において、重要な要素を大きく分けると、マップ、プレイヤー、敵(エネミー)の３種類に分けることが出来ます。 集団でゲームを作るのであれば、作業量の関係上どれか一つを担当することになります。二つ以上を真面目に担当したければ、人間をやめる必要があります。 本稿では、そのうちの一つである「敵」を取り上げ、敵をコンセプトから作る上で、どの様に考えるべきかについて私自身の考えを記載します。 私的意見を含むため、「いいや、この考えのほうが良いのでは」という意見は大いにあると思います。その場合、自身のアイディアの良さはココだ！と考えを深めるのに便利なたたき台としてご利用ください。 ※本稿における「敵」はプレイヤーが操作していないNPCを指します。 ※サムネイル画像はDarkestDungeonより戦闘画面 敵とは何か ゲームにおける敵とは「気持ちよい勝利が得られる」
「読みやすさが一目瞭然」Windowsに元から入ってる『UDデジタル教科書体』は障害があっても無くてもオススメしたいフォント
小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 兵庫教育大学・教授／不注意性と衝動性の強い人が、大学教員になってみました。／障害の有無や性別などに関わらず「多様の人にとって魅力的な社会」を、ユルく探している／Instagram、Threads、始めました。／過去の投稿はハイライト参照 https://t.co/jD8MQf8oqA 小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 大学の教職員に対して「Windowsに標準搭載の『UDデジタル教科書体』は、障害や困難さのある方向けに開発されたフォントです。フォントを変えるだけでも助かる人が多くいます。」とお伝えした。 すると最近、事務文書や配布資料でUDデジタル教科書体を目にする機会が明らかに増えた。 ちょっと感動。 pic.twitter.com/9LZNxTvuoz 2021-09-
アクションゲームを爽快にする、ちょっとだけズルい調整メモ｜深津 貴之 (fladdict)
アクションゲームで爽快感を出すための、ちょっとしたズルのメモ。いろいろとプレイして見つけたやつ、思ったやつ。 ギリギリのジャンプをしたときの体験ジャンプで飛び移るとき。「ギリギリ届かない」かつ「キーを進行方向に倒している」場合、ユーザーの意図は「飛び移りたい」と類推される。キャラの座標を多少修正して、うまく飛び移れたことにする。次善策は、「壁にしがみつける」だが、爽快感は多少落ちる。 ギリギリで減速する体験走行時に「逆方向にキーをいれている」場合、ユーザーの意図は「急減速したい」と類推できる。キー入力の長さに応じて、摩擦係数をどんどん増やす。 ギリギリで踏みとどまる体験走行時にブロックから飛び出して落ちてしまうとき。「走行と逆方向にキーをいれている」場合、ユーザーの意図は「踏みとどまりたい」と類推される。よろめき演出で猶予時間を与えるか、急減速を可能とする。 ギリギリでジャンプが間に合う体
トレンドウェブサイトから学べ！ JavaScriptで作る本格スクロール演出 - ICS MEDIA
「かっこいいウェブサイト」とはどのようなものでしょう？ ICS MEDIAを見てくださるみなさんであれば、ダイナミックなアニメーションや3次元的な動きがあるウェブサイトに「おっ」と惹きつけられた経験は一度や二度ではないかと思います。たとえば、スクロールに連動したインタラクティブな動きは冒険するようなワクワクした気持ち、没入感を与えてくれます。 『ポーラ2029年ビジョン』 本記事の前半では、話題になったウェブサイトからかっこいいスクロール演出の事例を取り上げ、それらを分析します。 さらに記事の後半では、「自分でも作ってみたいなぁ、でもどうやって実装しているんだろう？」と悩むみなさんに向け、オリジナルのデモを用いて実装を紹介します。 本記事を読んだ後には、「どうやって実装しているんだろう？」と未知の技術に感じていたスクロールアニメーションも、「こうやっていたのか！」と身近に感じられるようにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
"キャラデザ"を依頼しているのに"イラスト"を納品してしまう人に送る校歌を作った人の話
日本大学商学部イラストアクセスマップ | 日本大学商学部
セイコー「専用すぎる腕時計展」を見てきた すき焼き専用・両利き専用