DAWの個性は「ウィンドウ」の違いに表れる 【UI/UXから学ぶDAW論】第7回：プラグインとウィンドウ
複雑なDAW（音楽制作ソフト）との付き合い方を、「UX（ユーザーエクスペリンス）」および「UI（ユーザーインターフェイス）」の観点から紐解く連載 【UI/UXから学ぶDAW論】 。音楽理論学習サイト「Soundquest」の管理人にして、サウンド・GUIデザイナーの吉松悠太さんによる執筆です。 【UI/UXから学ぶDAW論】前回の記事はこちら： はじめに パソコンのウェブブラウザには「タブ」機能があって、ひとつのウィンドウの中で複数のページを切り替えることができますよね。 当然の機能に思えますが、実はこちら割と歴史の浅い存在です。Windowsの標準ブラウザにタブ機能が採用されたのは、2006年の「Internet Explorer 7」から。それ以前は、ページをそれぞれ別のウィンドウで開くことが普通でした。今では考えられない使い方ですね。 2006年というと、LogicやPro Tool
ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー
ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常
「パワポで作った」 離れると意味が分かる岐阜新聞の「Stay Home」広告が話題、制作したのはデザイン経験のない営業社員
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
【『ロードス島戦記』出渕裕×『ペルソナ』副島成記：対談】「エルフの耳はなぜ長い？」次世代に受け継がれるビジュアル作りに隠された秘密を探る【新生・王道ファンタジーを求めて②】
じつはこの2人の共著で、いろんな妖精を描いた『フェアリー』という画集があるんです。昔はサンリオ出版から出ていて、今は別の出版社から出ているんですけど。 （画像はグラフィック社｜フェアリー 愛蔵版より） 僕はこの画集を中学生くらいの時に手に入れて、そのビジュアルセンスにすごく惹かれたんですね。 ヨーロッパのファンタジーのビジュアルというと、水彩の柔らかさを持っているイメージで、『ロードス』もどちらかというとそういうタッチの絵が多いと思うんですけど、その原点はこの『フェアリー』なんです。 あとは、後年にアラン・リーが出した『Castles』という未翻訳の画集があって。神話のお城やファンタジー世界のお城を、キャラクターも絡めて描いているんですが、これがまた素晴らしいんですよ。 （画像はAmazon｜Castles: Alan Lee, David Day, David Larkinより） アラン
【sketch】TwitterのUIトレースをして気がついた事｜Masaki
初めまして。UIデザイン勉強中のマサキ(@Masaki_4_5)です。 UIデザイン、とりわけiOS appのデザインスキルを得る一番の近道を探した結果、良いデザインから吸収するのがまず大事という事を聞きました。 このように、sketchで優れたアプリのUIトレースをし、その工程でページの遷移やそのUIになった訳を考察して行くことがスキル獲得にはもってこいらしいです。sketchさえあればお手軽ですしね。 早速Twitterのプロフィール画面とタイムラインの２画面を、Sketchを用いてトレースしてみました。Sketchを用いたトレースについてはネットで既に多く説明されていたのでつまずく事はありませんでした。 Twitterをトレースして気がついた事 左：元画像 右：トレース 1.フォントについてTwitterにはinstagramなどと同様に、和文には"Hiragino sans"、英文
立憲民主党のマーケティングから見る、市民参加政治の可能性と課題 - 読む国会
選挙が終わった。そしてまた新たな日が始まる。政治は片時も終わることはない。 今回は、立憲民主党の躍進から、日本と海外の政党のインターネット上でのマーケティングの違いなどを見ていき、今後の立憲民主党の可能性について考えていきたい。 ネット選挙の歴史と野党 日米英の政党ウェブサイトの比較 労働党（イギリス） 民主党（アメリカ） 日本の政党Webサイトの特徴 KPI設計の重要性 立憲民主党のWebサイト 選挙中の特設サイト 個人献金 立憲民主党の Twitter 市民運動からの学び 提案 : 地域主権型の政党のために 「ナーチャリング」という概念 今だからこそメールマーケティングの活用を Webサイト、こんな風なら？ 余談 ネット選挙の歴史と野党 日本の政党のデジタル化は、欧米圏に比べて極端に遅れている。2008年の大統領選挙でオバマは既にインターネットをフル活用していたころ、まだ日本では公職選
90年代に放送されていたセーラームーンの背景が芸術的で美しい
まに @mani_picklet 旧セーラームーンの色彩って独特なんよね なんつーか画面全部が宝石を通して見てるみたいに鮮やかというか 意識してやってたんだろうけどセル画特有のこういう表現好きだったなぁ>RT 2017-03-16 16:28:46
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに | gamebiz
【CEDEC2016】全てはプロデューサーが集中して楽しめるように！ 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏（写真）が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラ
iOS ヒューマンインターフェースの原則 - Qiita
はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想
【CSS】blockquoteタグのデザインを見栄えよくしてみる - Wataame Frog
ポスト内容に参照元のテキストを引用する場合に使う「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 ミラーは短期記憶として人々は７チャンク憶えられる、と結論づけたがそれは荒い予測で、実際の容量を過大評価している。なの
ショートカットキーはマウスより遅い - WirelessWire News
CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應
とにかく使ってみる、最初のプログラム ls、2つ目のプログラムpwd - Fjord, Inc(株式会社フィヨルド)
プログラマーがよく使ってる文字が一杯出てる黒い背景のソフト。あれって取っ付き辛くないですか？ 「本当は怖くない黒い画面」入門を書いてみたいと思います。 このシリーズの目的は下記の３つです。 「黒い画面」は怖くないことを知ってもらう。 「黒い画面」用のフリーソフトが使えるようになる。 簡単な「作業の自動化」ができるようになる。 とにかく使ってみる 取っ付き辛く見える「黒い画面」ですが、慣れの問題で使っているうちに単なるツールであることが分かると思います。とにかく使ってみましょう。 Macではターミナル（別名「黒い画面」）が最初から入っています。「アプリケーション > ユーティリティ」の中にあるので立ち上げてみましょう。 味も素っ気も無いウィンドウが開きました。ここに何か文字を打ち込むことでプログラムを実行します。 「うわっ…私の黒い画面、白すぎ…？」 と思った方。慌てないでください。Macの
人間にとって「創造」という概念自体、発明品だったのかも…: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 前回の「デザインという思考の型から逃れる術があるのか？」という記事のなかでも告知していたイベント「デザインの深い森」。その第３回の講演を昨夜開催しました。 「ウロボロスの洞窟と光の魔術師」と題して行った講演は、keynoteのスライドにして105枚、しゃべった時間はあんまりはっきり憶えてないけど、2時間近かったんじゃないか、と。もちろん、最長講演時間の更新。質疑応答のときは声が出なくなりました。 ▲講演で使用したスライドのサムネイル（クリックして拡大すればもうすこし見える） それこそ2時間も話したので、その内容を要約するのは、むずかしいんですが、 17世紀中頃を境にした「見る」ことと「思考する」ことの関係の歴史的な変遷だとか似たような観点で「照らす」ことと「知る」ことの関係
ファッション・アパレル用語索引｜モダリーナのアパレル・ファッション図鑑
着せ替えでコーデを考えながら、ファッションを探せる「モダリーナ」のファッション、アパレル関連の専門用語一覧。 形が浮かんでも名前がわからなかったり、雰囲気から探したりできるよう、わかりやすく索引もあえて写真ではなくイラストです。 トレンド先取りや、服飾、デザイン、キャラ設定やコーディネートのアイデア出しにも是非ご活用ください。 画像をクリックすると各解説ページに移動します。 新しい用語から古いものまで、どんどん項目を追加中。 ＴＯＰ利用ガイド会社情報お知らせ問い合わせサイトマップイラスト図鑑ブランドリストコーデ作品一覧通販テクニック人気カラーランキング掲載サイト情報コーデテクニックファッション誌用語ランキング沖縄・離島用表示アパレル用語クイズ
X to Close
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
行頭一字下げ、するかしないか？
雑誌・書籍の「行頭一字下げ」に関する議論です。 話の最初に批判的に言及された美術批評誌「組立-転回」を作った者が纏めました。 ※「組立-転回」誌デザイナーの中山雄一朗さんのツイート追加しました。お考えを述べてらっしゃるので、一度読まれた方も是非再読を。 美術批評誌「組立-転回」についてはこちら。 続きを読む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hatebu.me
