「νガンダム」の知られざるデザイン秘話 富野監督が「良い！」と歓喜したポイントとは | マグミクス
画期的だったνガンダムのデザイン 「HGUC 機動戦士ガンダム 逆襲のシャア νガンダム 1/144スケール」（BANDAI SPIRITS） (C)創通・サンライズ 1988年、「機動戦士ガンダム」シリーズの劇場用第4作目として製作されたのが『機動戦士ガンダム 逆襲のシャア』です。 第1作の『ガンダム』で人気を博した、敵・ジオン公国の将校「シャア」が『機動戦士Zガンダム』『機動戦士ガンダムZZ』を経て、再びネオ・ジオンの総帥として地球人類の粛正を強行しようとする、いわば「ガンダム第1期」のしめくくりと位置付けられるファン必見の作品です。 本作も含め、ガンダム作品の全ては「原作」という立ち位置から、富野監督が発案しているようにとられがちですが、いくら富野監督が超人的なクリエイターだとしても、商業アニメーションは決してひとりで作れるものではありません。作画等の実作業はもちろんですが、作品のア
2025年、デザインはこう変わる！注目の人気トレンド完全ガイド
デザインの世界は2025年、大きな進化を迎えようとしています。 AI技術の進化や環境意識の高まりを背景に、ミニマルな美学から大胆なインタラクティブ表現まで、これまでにない多様なトレンドが登場。 これらのトレンドは、ユーザー体験を向上させるだけでなく、クリエイティブの可能性をさらに広げるヒントに満ちています。 この記事では、グラフィックデザイン、Webデザイン、UIデザイン、そしてクリエイティブ領域で注目される最新のトレンドを一挙にご紹介します。 2025年のデザインシーンをリードするアイデアを見つけてみませんか。 2025年注目のグラフィックデザイン・トレンド 2025年のグラフィックデザインは、AI技術の進化や環境意識の高まりを背景に、これまでとは全く異なるスタイルが確立するかもしれません。 たとえば、Graphic Mamaで紹介されているように、ミニマリズムやレトロデザインの進化、ス
TailwindでもSubgridを使ってみたい - Qiita
はじめに CSSのSubgridは2019年に全主要ブラウザへの対応が完了し、TailwindCSSはv3.4系のリリースで対応が完了しました。 改めて使いたい場面や使い方を整理したいと思ったのでまとめています。 【参考】 Subgridとは CSS Gridでは親要素（グリッドコンテナ）と子要素のレイアウトはそれぞれ独立したルールになります。 しかし、subgridを使うと、子要素が親要素のルールを引き継ぐことができます！ 例えば、親要素が3つの列を持っている場合、子要素もその列にピッタリ合わせることができます。 どんなときに使う？ 親子関で整ったレイアウトを作りたいとき 親と子で同じ列幅や配置を使いたいとき コードをシンプルにしたいとき 文章で書いてもわかりにくいので、実際のコードを元に説明します。 実際に書いてみよう SubGridを使わなかった場合 <div class="grid
ショートカットキーは時短じゃない?! UIデザインにおける「無駄発想」のススメ
連載：令和の無駄学～僕らにはもっと無駄が必要だ～ 合理的で効率化が求められる社会。どんどん便利になる社会。何不自由なく生きられる社会。しかし、それと逆行するように人々の幸福度は下がっている。 もっと豊かで人間らしい暮らしを得るには、時間的な余白や、一見どうでもいいような機能、生活必需品ではないものの購入など、いうなれば「無駄」が必要なのである。無駄こそ心にゆとりをもたらし、無駄こそ周囲へのやさしさにつながる。真の豊かさを求める上での最強の武器である「無駄」について、社会を解剖していく。 世の中が加速度的に便利になる中で、効率は良くなったものの面白さが失われてしまった。だからこそ、今の時代には「無駄」が必要なのである！ そんな考えのもと始まった本連載。連載のラストを飾る11回目のテーマは「GOODなUXのための無駄UI」です。 「UX（ユーザー体験）」という言葉を耳にすると、皆さんはどのよう
プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
小さくても超見やすい！イギリスの名門紙The Timesのために作られたフォント 1932年、イギリスの格式高い新聞社「The Times」のために特別に作られたフォントです。「読みやすさ」「インクの節約」「限られた紙面での効率的な文字配置」という3つの課題を解決するために生まれました。当時の新聞フォントと比べて、文字の高さを高めに設定し、セリフ（文字の端にある装飾）を適度な大きさに抑えることで、小さな文字でも読みやすい新聞印刷に最適化された実用的なデザインとして設計されています。 「上質」「信頼性」「知的」「正統性」「説得力」という印象を与えられます！ 高級ホテルやブランド、名門大学など、世界中の一流の組織で使われ続けてきたことから、「上質」「信頼性」「知的」「正統性」という印象を与えられるフォントになりました。イギリスの名門紙The Timesのために開発された背景から、文字の端にある
Webデザインの定番UIパーツ完全ガイド【用語解説＋実装付き】 - Qiita
はじめに Webサイトやアプリのデザインは、ユーザーの第一印象を大きく左右します。 その中でも、UI（ユーザーインターフェース）パーツの選定とデザインは、使い勝手を左右する重要な要素です。思わずクリックしたくなるボタン、ストレスなく情報を得られるナビゲーション、直感的に使えるフォーム──これらはすべて、UIパーツによって実現されます。 今回の記事では、ユーザー体験を向上させるために欠かせない「定番」のUIパーツを紹介しながら、最新のデザイントレンドも交えて、その魅力と実装のポイントを解説します。 Webデザイン初心者の方やWebサイトのクオリティをグッと引き上げたい方にとって、役立つ内容をお届けします！ 【定番】入力UIパーツ 1. ボタン 用語解説 知らない人はいないでしょうが、ボタンはユーザーがアクションを起こすための基本的なUI要素です。送信、キャンセル、詳細の表示など、さまざまな目
メカニックデザイナー・宮武 一貴さんが振り返る「子どもの好奇心と可能性」の育て方｜こども教育総合研究所
『超時空要塞マクロス』『聖戦士ダンバイン』といった1980年代のテレビシリーズから、2024年に公開され大ヒットした映画『機動戦士ガンダムSEED FREEDOM』まで、さまざまなロボットアニメ作品に携わりつづけてきた宮武一貴さん。日本のメカニックデザインにおける先駆者といえる存在です。 御年75歳の宮武さんは、なぜ長きにわたって“未来のロボット”を描いていられるのか。 そのような唯一無二の存在になったのは、どんな子ども時代を送ってきたからなのか。 メカニックデザイナーの仕事論と人生論を伺いました。 宮武一貴（みやたけ・かづたか）さん メカニックデザイナー・イラストレーター・コンセプトデザイナー 1949年生まれ、神奈川県横須賀市出身、在住。本名は渡邊一貴。 東京農工大学大学院在学中にデザイン会社を設立（のちに「スタジオぬえ」へ移行）。 創設メンバーのひとりとして活動し、『超時空要塞マクロ
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
MTDDC Meetup TOKYO 2024 2024/11/23 株式会社サイバーエージェント 原 一成 (@herablog) https://mtddc2024.mt-tokyo.net/speaker/roomD03.html
兵庫県知事選挙における戦略的広報：「#さいとう元知事がんばれ」を「#さいとう元彦知事がんばれ」に｜折田 楓
はじめに2024年11月17日、兵庫県知事選挙にて、斎藤元彦さんの当選が決まりました。心よりお祝い申し上げます。前代未聞の歴史的な選挙が無事に終わった今、「SNS」という言葉が一人歩きしてしまっているので、今回広報全般を任せていただいていた立場として、まとめを残しておきたいと思います。 この記事が、今後の選挙で候補者を支える関係者の皆さまに、そして広報に関わる全ての方にとって、役に立つものとなることを心から願っています。 「広報」というお仕事の持つ底力、正しい情報を正しく発信し続けることの大変さや重要性について、少しでもご理解が深まるきっかけになれば幸いです。 スタート今回の知事選では、新たな広報戦略の策定、中でも、SNSなどのデジタルツールの戦略的な活用が必須でした。 オフィスで「#さいとう元知事がんばれ」を説明中その時作成した資料を一部公開します。 提案資料（一部） 1. プロフィール
ビクターの“耳をふさがない”新作イヤーカフ型イヤフォン「HA-NP1T」の完成度が高い！ カラバリと中高音域のクリアさ、価格に魅力あり
JVCケンウッドが11月21日にビクターブランドから発売する「HA-NP1T」は、豊富なカラーバリエーションや、かわいらしいデザインが特徴のイヤーカフ型ワイヤレスイヤフォンです。イヤーカフ型イヤフォンをいろいろ試している筆者は先行して製品を体験していますが、これ、かなり良いです。
Googleカレンダーアプリが生まれ変わる | ライフハッカー・ジャパン
アプリのデザインを自由に変更できるようにアプリのデザインを、GmailやGoogle Driveと同じように変更できるアップデートです。 たとえば、選択した配色に合わせてアイコンや設定、その他のUI要素を調整するアダプティブコンポーネントも備えています。 角丸、グレーのトップバーとサイドバーに加えて、Material 3によるGoogleカレンダーの変更点は以下のとおりです。 モダンなボタン、ダイアログ、サイドバーGoogleのカスタムデザインによるタイポグラフィ新鮮で「読みやすく、鮮明」なアイコンカレンダーにはダークモードも追加され、ユーザーはライト、ダーク、またはデバイスのデフォルトから選択できます。 Googleによると、これらのアップデートはタスクリストビューを含め、ウェブ上のカレンダー全体で統一されます。 このデザイン変更は、Google Workspaceの顧客、Workspa
サンワ、Excel作業に向く多ボタン仕様の静音テンキー
サンワサプライはこのほど、多ボタン仕様の静音テンキー計3モデル「NT-27UBK」「NT-WL27BK」「NT-BT27BK」を発表、販売を開始した。価格はそれぞれ5940円、7920円、9020円（税込み）。 NT-27UBKはUSB有線接続、NT-WL27BKは2.4GHz無線接続、NT-BT27BKはBluetooth 5.0接続に対応したテンキーパッドで、数字キーに加え方向キーやショートカットキーを標準で搭載。コピー/貼り付け/検索キーなど計39キーを備えている。 関連記事 ラトック、勤怠管理などに向くクラウド対応キーパッド ラトックシステムは、クラウド上にデータを直接書き込める法人向けのWi-Fi接続対応キーパッド「RS-KBWF1」を発表した。 フォーカルポイント、Magic KeyboardとドッキングできるBluetoothワイヤレステンキー フォーカルポイントは、Mac用
数年後に「デザインが浸透している状態」を見据える。みずほ銀行のデザイン組織における育成のしくみ｜Cocoda
みずほ銀行のデザイン組織では、立ち上げと同時に「育成」にも取り組んでいます。 これは、単純にデザイン組織のリソースを増やそうという目的だけでなく、数年後の「みずほ全体に、デザインが浸透している状態」を見据えて、組織全体にデザインを扱える人を増やしていく目線で取り組んでいるのが、特徴と言えるかもしれません。 みずほ銀行デザイン組織では、立ち上げと同時に「育成」に投資具体的に行っている「デザインチーム内の育成施策」「全社に向けた兼業制度」の2つを例にまとめてみます。
「ガンダム」など手がけたメカデザイナーが島根で創作活動 故郷でリセットし世界のファン魅了｜FNNプライムオンライン
人気アニメ「ガンダム」シリーズなどで、メカデザインを手がけるクリエーター・山根公利さん。東京から島根にUターンし、20年以上にわたって浜田市を拠点に世界のファンを魅了するデザインを制作し続けています。都会ではなく、あえて地方…田舎で最先端の仕事を続ける理由に迫りました。 9月21日に益田市にある島根県芸術文化センター「グラントワ」で開かれたイベント。 安彦良和さん： 山根さんが出雲から出てくることは、結構すごいこと。生の打ち合わせをあわせないといけない、『山根さんが来るぞ』とみんな色めき立つ。 「機動戦士ガンダム」のキャラクターデザインを務め、現在もアニメ監督として活躍する安彦良和さん。そして、現在は浜田市在住のメカデザイナー・山根公利さんです。長年、日本のアニメ界をリードしてきた「巨匠」によるトークショーです。 日本だけでなく、世界各国でも絶大な人気を誇るアニメ「ガンダム」シリーズ。山根
【CSS】position: sticky で固定ヘッダーを実装する - Qiita
はじめに こんにちは。HRBrainでオウンドメディア・ランディングページの開発を担当している渡邉です。 Webサイト制作でよく使う固定ヘッダー。 この記事では、 position: sticky で固定ヘッダーを実装するメリットについての解説と、実装例を紹介します。 position: fixed の問題点 position: fixed は、要素をビューポート（ブラウザの表示領域）に対して固定表示する際に便利なプロパティです。 しかし、 position: fixed を使用すると、固定された要素が他の要素の上に重なって表示されてしまうため、コンテンツが隠れる問題が発生します。 これは、position: fixed を適用することでヘッダーが通常フローから外れるためです。 例えば、以下のようなHTML構造とCSSスタイルシートを考えてみましょう。 See the Pen Header
HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット きらりと輝くコール・トゥ・アクションボタン すべてのモダンブラウザでサポートされるようになった@propertyを利用した新しいCSSの使い方エフェクト。細部まで洗練されあt、注目を集めるCTAボタン。
見た目そのまま編集可能なオープンソースのHTMLメールデザインツール「SENDUNE」を使ってみた
SENDUNEは簡単にHTMLメールをデザインできるオープンソースのツールとのことなので、実際に使い勝手を確かめてみました。 Open source, drag and drop HTML email designer. | SENDUNE https://designer.sendune.com/ サイトにアクセスするとこんな感じ。あらかじめプリセットが用意されています。 「Your Logo」と書かれた部分をクリックすると左側でロゴの設定を編集できるようになりました。「Upload Image」をクリック。 標準でいくつかの画像が用意されていますが、今回は「Click To Upload JPEG or PNG or GIF」をクリックし、手持ちのGIGAZINEロゴ画像を選択して「開く」をクリックしました。 アップロードされた画像を確認し、「Select」をクリック。 ロゴの下の枠に
5つの基本原則で実現する、ユーザビリティの高い画面設計 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに：なぜ今、ユーザビリティが重要なのか？ みなさん、こんにちは。日々Figmaと格闘しながら画面設計に励むイェンです。 「使いやすい」と言われるアプリやWebサイト。実は、その裏には綿密に計算された設計があるんです。今回は、私が実際のプロジェクトで学んだ、ユーザビリティを向上させるための5つの鉄則をご紹介します。 これらの鉄則を押さえておけば、ユーザーから「使いやすい！」と絶賛されるデザインが、きっと作れるはずです。さあ、一緒に探検してみましょう！ 【1】 シンプルイズベスト：余計なものは思い切って削ろう ユーザーが迷わず操作でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインに凝りすぎて見づらいWebサイトを見やすくできる「Microsoft Edge」の小技／【やじうまの杜】
「Excel」シートタブのデザイン変更が原因で、自動化処理のパフォーマンスが大きく低下／日本マイクロソフトが緩和策を案内
