要塞（ようさい）かな……？　あるメーカーが販売している最大16台を同時充電できるというマルチ電源タップが、一部のゲームファンをざわつかせています。8角形のデザインが、どうしても名作シューティングを連想させる……。 イメージビジュアルからして80年代のアーケードゲーム風。明らかに「ゼビウス」意識してるだろ！ 「ゼビウス」の要塞を思わせる8角形 注目を集めているのは、サンワサプライが10月1日に発売した「700-TAP072」シリーズ。ACコンセントを8口、USBのType-AとType-Cの充電ポートを各4基備えたマルチ電源タップです。 カラーバリエーションはホワイト・ブラック・シルバーの3種類で、価格はオープン（公式ストアでは各6980円）となっています。 いろいろ差せるのはいいけれど、どんどん要塞っぽくなる しかし、俯瞰（ふかん）から見て8角形のデザインは、古くからのゲームファンとしては

複雑なDAW（音楽制作ソフト）との付き合い方を、「UX（ユーザーエクスペリンス）」および「UI（ユーザーインターフェイス）」の観点から紐解く連載 【UI/UXから学ぶDAW論】 。音楽理論学習サイト「Soundquest」の管理人にして、サウンド・GUIデザイナーの吉松悠太さんによる執筆です。 【UI/UXから学ぶDAW論】前回の記事はこちら： はじめに パソコンのウェブブラウザには「タブ」機能があって、ひとつのウィンドウの中で複数のページを切り替えることができますよね。 当然の機能に思えますが、実はこちら割と歴史の浅い存在です。Windowsの標準ブラウザにタブ機能が採用されたのは、2006年の「Internet Explorer 7」から。それ以前は、ページをそれぞれ別のウィンドウで開くことが普通でした。今では考えられない使い方ですね。 2006年というと、LogicやPro Tool

ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常

5月6日の岐阜新聞に掲載された「Stay Home」を呼びかける広告が話題を呼んでいます。一見すると不思議なイラストが並んでいるだけに見えますが、離して見ると意味が分かるというもの。 離れて見ると意味が分かる このイラストは岐阜新聞上で5月1日から5月6日まで行われていた企画「STAYHOME with newspaper」の最終日に掲載されたもの。この企画はお家時間を楽しく過ごしてもらうことを目的としており、5月6日までにもクロスワードパズルや塗り絵などを掲載。話題となった5月6日の広告は、水玉模様を描いたようなイラストが11個並んでおり、一見すると意味が分からないものですが、紙面の指示通り2メートル以上離れて見ると「離れていても心はひとつ」という文字が浮かびあがるようになっています。 STAYHOME with newspaper クロスワードパズル レシピの紹介 こどもの日には塗り絵

2020.1.14.   一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1

電ファミニコゲーマーでは、この「PROJECT Re FANTASY」のプロデュースとディレクションを手がける橋野桂氏による、連載シリーズをスタートさせている。 「ファンタジーをよく知らないからこそ、あえてそれに挑む」と言う橋野氏が、ゲーム、小説、コミックなど、日本の第一線で活躍するファンタジーの“達人”たちと語り合い、ファンタジーについての意見を交換するという企画だ。 【『ロードス島戦記』水野良×『ペルソナ５』橋野桂：対談】 ゴブリンを倒していた若者が最終的に世界を救う話は、ファンタジーならではの“純化”である【新生・王道ファンタジーを求めて①】 前回はその第1弾として、『ロードス島戦記』【※】の作者である水野良氏と、橋野氏による対談をお届けした。そこでは本格的な西洋ファンタジーの世界観や用語が『ロードス島戦記』を通じて、日本のゲームや小説、コミックの世界にどのように定着していったのか、

初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの２画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左：元画像　右：トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文

This domain may be for sale!

まに @mani_picklet 旧セーラームーンの色彩って独特なんよね なんつーか画面全部が宝石を通して見てるみたいに鮮やかというか 意識してやってたんだろうけどセル画特有のこういう表現好きだったなぁ>RT 2017-03-16 16:28:46

【CEDEC2016】全てはプロデューサーが集中して楽しめるように！　『デレステ』UIの要諦は基本ルールと最小のパーツ　軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏（写真）が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が

ポスト内容に参照元のテキストを引用する場合に使う「blockquote」タグですが、デフォルトの見た目がイマイチだったので見やすさ、分かりやすさ、自己満足度を高めるためにデザインを編集してみました。 まず、blockquoteとは？ 基本的なことから。 <blockquote>?</blockquote>で囲まれた部分が引用・転載であることを表します。 <blockquote>タグは、比較的長めの文章を引用・転載する際に使用します。 改行を必要としない程度の短い文章を引用・抜粋する際には、<Q>タグ を使用します。 例えば、少し前のポスト「あまおう」を調べた際の結果を書く場合、この部分が引用ですよ、と分かるように blockquoteタグ を使用しました。 実例はこんな感じ。 「あかい・まるい・おおきい・うまい」の頭文字をとって名付けられた、県内だけで生産されているイチゴ。県農業総合試験場

つよぽん @tsuyopon53 今読んでる夏目漱石の「三四郎」に、役所で未だに使われている「ポンチ絵」という単語が出てきた(笑)ポンチ絵は漫画とかいう意味で、役所ではパワポで作った分かりやすい図や資料のことを言います。 2012-01-29 14:28:23 PONZ @livre001 先日の著作権法改正セミナーで、文化庁の立法担当者だった方が「議員に法案の概略を説明するための資料を、通称『ポンチ絵』と呼ぶ」と言っていて、聞き慣れない言葉だし役所用語だろうと思ったら、割と一般的な用語なのね。むしろ、自分も前職で相当な数のポンチ絵を描いていたことが判明した。 2012-08-08 01:06:48 Shohei @shohei_07 日本の役所で働いていたときは文章で書き連ねたって誰も（特に上司や偉い人は）読まないし、いかに図（ポンチ絵）や箇条書きのペラ一枚で要点を素早くかつ正確に伝える

マジックナンバー７という有名すぎる誤解 多くの人が持っている誤解は、マジックナンバー ７±２という奴である。アメリカの認知心理学者ジョージ・ミラーが1956年に提唱したもので、人間が短期的に大体７個くらいは記憶できる、というものである。この話はかなり多くの人が知っている*1が、これは2001年にネルソン・コウワンによって、否定された。今は４±１が定説となっている Cambridge Journals Online - Behavioral and Brain Sciences - Abstract - The magical number 4 in short-term memory: A reconsideration of mental storage capacity ミラーは短期記憶として人々は７チャンク憶えられる、と結論づけたがそれは荒い予測で、実際の容量を過大評価している。なの

CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應

プログラマーがよく使ってる文字が一杯出てる黒い背景のソフト。あれって取っ付き辛くないですか？ 「本当は怖くない黒い画面」入門を書いてみたいと思います。 このシリーズの目的は下記の３つです。 「黒い画面」は怖くないことを知ってもらう。 「黒い画面」用のフリーソフトが使えるようになる。 簡単な「作業の自動化」ができるようになる。 とにかく使ってみる 取っ付き辛く見える「黒い画面」ですが、慣れの問題で使っているうちに単なるツールであることが分かると思います。とにかく使ってみましょう。 Macではターミナル（別名「黒い画面」）が最初から入っています。「アプリケーション > ユーティリティ」の中にあるので立ち上げてみましょう。 味も素っ気も無いウィンドウが開きました。ここに何か文字を打ち込むことでプログラムを実行します。 「うわっ…私の黒い画面、白すぎ…？」 と思った方。慌てないでください。Macの

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 前回の「デザインという思考の型から逃れる術があるのか？」という記事のなかでも告知していたイベント「デザインの深い森」。その第３回の講演を昨夜開催しました。 「ウロボロスの洞窟と光の魔術師」と題して行った講演は、keynoteのスライドにして105枚、しゃべった時間はあんまりはっきり憶えてないけど、2時間近かったんじゃないか、と。もちろん、最長講演時間の更新。質疑応答のときは声が出なくなりました。 ▲講演で使用したスライドのサムネイル（クリックして拡大すればもうすこし見える） それこそ2時間も話したので、その内容を要約するのは、むずかしいんですが、 17世紀中頃を境にした「見る」ことと「思考する」ことの関係の歴史的な変遷だとか似たような観点で「照らす」ことと「知る」ことの関係

着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ

X’s are everywhere in user interface (UI) design. A powerful symbol, [x] is capable of closing windows and popups, toolbars and tabs and anything else that might otherwise be cluttering up your screen. Twitter XClicking on [x] to close a feature has become an instinctual part of using a computer and a standard in web and software design. Although it may seem like the ubiquitous [x] has always been