タグ

デザインに関するmirutoのブックマーク (42)

  • 「童貞を殺す服」のブランドを集めてみた - あめ姫は友達が少ない

    皆さんお好きですね、#童貞を殺す服。 各所で話題になっているみたいなので、知っている限りの「童貞を殺す服ブランド」を集めてみました。 Innocent World まずは個人的に最強の童貞キラーだと思ってるInnocent World。カジュアル分は少なめなのでこれで街を歩いている人はあんまりいないゾ。オタクな童貞は同人イベントとか行くとお目にかかれる可能性が比較的高いけど、単価が高いのでホイホイ買える年齢層はというと……ゲフンゲフン。次へ行こうか。 innocent world - Google 検索 科学館行ってきたよ✡。:* 知的っぽく、イノワのヴィルマワンピで pic.twitter.com/Y8UuGdtVPf— もきゅ (@mokyumokyuneko) June 28, 2015 Axes femme みんなだいすきAxes femme、腐女子御用達。服がかわいいから買い集め

    「童貞を殺す服」のブランドを集めてみた - あめ姫は友達が少ない
  • 守ってはいけない、iOSのデザインルール4つ

    ページコントロール(ドット)、ページトップの「送信」、プラス(+)アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日語版2015年8月31日公開 巨大ソフトウェア会社(たとえば、AppleMicrosoftGoogle)はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する(そしてテストする)必要がない。 一方、ユーザー側も、すべての

    守ってはいけない、iOSのデザインルール4つ
  • 【驚愕】「五輪エンブレムパクリ騒動」の発端を調べてみると、デザイン業界の闇が明らかになった!!

    世間を賑わせている2020年東京オリンピックの「エンブレムパクリ疑惑騒動」。佐野研二郎氏だけでなくエンブレムを選んだ側の責任もあると思い選考の経緯を調べてみたところ、酷すぎるデザイン業界の実態が明らかになった。 東京オリンピックのエンブレムが海外のデザインのパクリなのではないかという疑惑は、多くの人が連日耳にしているはず。 東京オリンピックのエンブレムをデザインした佐野研二郎氏は今や時の人。もちろん「悪い意味で」ということは言うまでもない。しかし、この話にはさらに裏がある。 こちらがエンブレムを決定したコンペの審査員たちだ。個人で応募した佐野研二郎氏が、3名の審査員から好評を得て受賞した。 これだけのデザイナーがいながら、誰一人として海外のデザインとの類似に気づかないとは…。プロとしては非常に恥ずかしい失態といわざるをえない。 一方、ところ変わって「毎日デザイン賞」の受賞者と審査員の一覧は

    【驚愕】「五輪エンブレムパクリ騒動」の発端を調べてみると、デザイン業界の闇が明らかになった!!
  • 分かりやすいWeb入力フォームのための十戒 | POSTD

    1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ

    分かりやすいWeb入力フォームのための十戒 | POSTD
  • MSゴシックはダサい、と言う気にはなれん - HatenaDiary id:Narr

    http://b.hatena.ne.jp/entry/news.mynavi.jp/articles/2015/06/11/mspg/ なんか、すっきりしない。ダサいダサい言いすぎというか。そもそも元の記事でMSゴシックがダサい理由を説明してるとはあんまり思えんのだけど、それは置くとして(置くのかよ)。 http://d.hatena.ne.jp/Narr/20150613 ←13日16時ころの時点でのブックマークコメントの一部への返事。 追記ここから 黒線の文字の枠はMSPゴシック、水色の影はMSゴシックです。文字そのものは「MSゴシックもMSPゴシックも同じ」形。Pゴで調節されているのは赤枠の部分、「文字と文字の間隔」です。「そ」と「ぞ」も、濁点の分だけ横幅が違ってるのが分かると思う。等幅だと赤枠が正方形になるわけです。 あくまで文字と文字の間の空白の調整をされてるのがPゴです。ただ

    MSゴシックはダサい、と言う気にはなれん - HatenaDiary id:Narr
  • デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた

    デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

    デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
  • ファーストビュー盲信がもうしんどい

    Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ!」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ

    ファーストビュー盲信がもうしんどい
  • エンジニアがデザインに取り組んでわかったこと

    最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」

  • 【必読】あなたのサイトはどれくらい嫌われてる?スマホユーザーが嫌う10のこと

    <質問> スマホで当社サイトを閲覧する人が増えたので、スマホ対応にしました。 ユーザーの利便性向上を狙ったのですが、スマホ対応後も、社内の人からなんとなく使いづらいと言われてしまいました。 文字が大きくなり文章も読みやすくなったのに、何が使いづらいのかイマイチ要領を得ません。どこを変えればいいですか? <回答> 文字が読みやすいというのは、利便性の一つに過ぎません。またスマホはWEBを閲覧する以外にも、電話をかける・地図アプリを使う等、様々な機能を備えた端末です。 スマホの利用シーンを具体的に思い浮かべると、注意すべきポイントが多くあります。今日はスマホユーザーが嫌う10個のことを紹介します。 ① リンク箇所が一目で判らないと嫌われる スマホでは、リンク箇所が一目で判らないと、ユーザーは迷ってしまいます。ダイレクトに言葉で表現したり、判り易い色のボタンやバナーを用意したりするなどの配慮が大

    【必読】あなたのサイトはどれくらい嫌われてる?スマホユーザーが嫌う10のこと
  • ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ

    ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見!】知っておくべきデザインの基礎法則6つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい

    ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ
  • ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog

    この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ(@To_Mikasa)です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって0からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを3個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 1つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ

    ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
  • ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと

    ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました! (03/05 追記) FlatUIBootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります

  • クソエンジニアが最速でそれなりのWebデザインをできるようになる方法 - UIU

    趣味などでWebサービスを作るときにもっとも悩ましいことのひとつがデザインだと思う。外観は重要な要素だとは理解しているし興味も一応あるけれど、実践に乏しいからどうしていいのかわからない。かといって、タダで頼めるような都合のいいデザイナーはいない。結局めんどうになって、Twitter Bootstrapで体裁だけでっち上げた妙にオタク臭いデザインになってしまう。僕もかつてはデザインを気にも留めないクソエンジニアだったけど、必要に迫られて勉強したらそれなりに手を動かせるようになったのでその方法を紹介する。僕が今年入社したスタートアップにはデザイナーがおらず、新機能を作るときなど仕方なくデザインをこなす必要があった。結果的に、仕方ないなりにPhotoshopを使ってプロトタイプを作りHTML/CSSコーディングするくらいはできるようになった。ここに書くのは仕方なくそれなりのWebデザインをする方

    クソエンジニアが最速でそれなりのWebデザインをできるようになる方法 - UIU
  • ウェブサービス開発の現場におけるデザイナー不要論と5〜10年後の生存戦略 - 情報建築家 石橋秀仁

    稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事エンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事エンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事エンジニアプログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作

    ウェブサービス開発の現場におけるデザイナー不要論と5〜10年後の生存戦略 - 情報建築家 石橋秀仁
  • フリーランスも知っておかないといけないデザイン料金の相場まとめ

    フリーランスをスタートして半年以上が過ぎて、まだまだ月々の売上は売上報告にも書いている通り、多い時と少ない時の差がかなりありますが、ありがたいことに仕事自体は次第に増えています。 そうするとしっかりと考えておかないといけないのが、デザイン料金の設定です。これまではクラウドソーシングでのコンペや受注案件など、価格が決まっているものに応募したり、受けたりする流れでしたが、これからクライアントや代理店の方と直で料金の交渉をしたり、見積書を提出することが増えていきます。 そこで改めてその中のデザイン料金の相場について考え、まとめてみました。 デザイン料金で揉める場合 サバイブログでは過去に「デザインのクオリティと値段の関係をハッキリさせておこう」、「【クラウドソーシングも含む】プロに低料金の案件を気持良く、しっかり仕事をしてもらうコツ」という記事で、デザインとお金の関係に関しては色々と思うところを

    フリーランスも知っておかないといけないデザイン料金の相場まとめ
  • コーディングを考慮したWebデザインガイドライン

    2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。

    コーディングを考慮したWebデザインガイドライン
  • デザインに赤十字マークは使用禁止! 不当な使用は法律違反で罰則を受けるかも | 初代編集長ブログ―安田英久

    デザインに赤十字マークは使用禁止! 不当な使用は法律違反で罰則を受けるかも | 初代編集長ブログ―安田英久
  • webnonotes.com - webnonotes リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    webnonotes.com - webnonotes リソースおよび情報
  • 機械式時計の最高峰“トゥールビヨン”を再現する「Tourbillon Classic」NOT SUPPORTED

  • はてブが使いにくければ User CSS 書けばいいじゃない

    はてなブックマーク (はてブ) のリニューアル後、確かにさらーっと一覧を眺めたい場合には見づらくなりましたよね。サムネイル邪魔だとか、色々ありますけども、サービス提供側も色々理由があってデザインを直してるんでしょうし、デザインが大幅に変わったあとは今までのに慣れてた関係もあって使いづらいわ~的なお話が出てくるのは仕方ないこと。 で、文句言っても元のデザインに戻るわけじゃなし、どうしても見づらいっていうなら自分で直しちゃえばいいじゃんってことで、はてブ用の User CSS 書きましたのでシェアします。 短時間でチャチャっと書いたので超適当ですが、余計なもの消して、元の見た目みたいに単純な縦並びにし、1ページ当たりの表示数を増やしてます。 下の CSS は Firefox で Stylish アドオンを使ってる自分の環境で書いたのをそのままコピペしただけですので、他の環境で使うときは適当に直

    はてブが使いにくければ User CSS 書けばいいじゃない