デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素 - WEBCRE8.jp

2012/02/28 2032 users 要素 WEBCRE8.jp デザイン 6つ デザイナ

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイ... 続きを読む

数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWeb屋の日常

2016/12/05 1203 users ワイヤーフレーム www.adventar.org ボク

2016 - 12 - 05 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 【スポンサーリンク】 list Tweet なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて 面倒くさくなってきて激しく後悔した びっくりしたという。 ぼくはWebディレクターでありデザイ... 続きを読む

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 | コリス

2010/02/25 1152 users コリス ウェブデザイン フィボナッチ数列 黄金比 要素

黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザイ... 続きを読む

Slack のロゴが新しくなりました！ | The Official Slack Blog

2019/01/16 828 users Slack ロゴ スペイン語 リニューアル計画 疑問

この記事を英語、フランス語、ドイツ語、スペイン語で読む。 本日、ブランドデザインのリニューアル計画の第一弾として、Slack では新ロゴを発表しました。Slack 社員だけでなく、ユーザーの皆さんにも愛されてきた以前のロゴ (とデザイン) をなぜ変えるのか、疑問に感じる方もいるのではないでしょうか。そこで、デザイ... 続きを読む

文字や背景にピュアブラックを使ってはいけない理由 | UX MILK

2018/08/20 722 users UX Movement UX MILK 統計 眼精疲労 成人

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイ... 続きを読む

デザイナーが知っておくべき10の認知バイアス デザイン会社 ビートラックス: ブログ

2022/03/11 647 users ビートラックス 認知バイアス デザイナー 近道 性別

認知バイアスとは、思考のプロセスにおける系統的な間違いのこと。簡単に言い換えると、思い込み。意思決定や判断を行う際の精神的な近道として機能するが、間違った判断を生み出すこともある。 年齢、性別、文化的背景に関係なく、誰もが認知バイアスの影響を受けていると言われる。 これを理解しておくことは、デザイ... 続きを読む

制作会社を頼らずWordPressでホームページを作るメリット10個

2013/04/22 571 users WordPress ホームページ 制作会社 メリット10個

WordPress（ワードプレス）なら安く簡単にプロ顔負けのデザインでホームページを作れます。少ない予算に悩みながら、頼れる業者をムリヤリ探している人は自作してみてはいかがでしょうか？やってる商売の規模が小さくて、ホームページにあまりお金をかけられない。そんな人に「ぜひ！」お勧めしたいのがWordPress（ワードプレス）を使った自作です。 WordPressを使えば、安く簡単にプロ顔負けのデザイ... 続きを読む

無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！ | コリス

2017/11/10 558 users コリス SVG コマース 商用 カスタマイズ

企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上！ 豊富なデザイ ...記事の続きを読む 続きを読む

「大きすぎるiPhoneは女性差別」著名フェミニストたちがAppleを批判 - iPhone Mania

2018/09/24 552 users iPhone フェミニスト iPhone Mania 批判

手に収まるiPhoneが欲しいのに、なぜAppleはiPhone SEを販売終了してしまったのか――中には“大きすぎる”iPhoneを女性差別だと考える消費者もいるようです。 女性の手のサイズからは乖離している イギリスでは女性の権利向上を訴える運動家（フェミニスト）や政治家が、「iPhoneは女性にとって大きすぎる」「様々なデザイ... 続きを読む

京都の地下鉄キャラクター「太秦萌」はなぜ“進化”した？ デザイン会社と交通局に聞く制作秘話 - はてなニュース

2014/07/04 525 users 太秦萌 小野ミサ 松賀咲 制作秘話 進化

京都の地下鉄に登場した、キャンペーンキャラクター「太秦萌」「松賀咲」「小野ミサ」の3人。以前のキャラクターデザインから“進化”を遂げ、ネット上では「かわいい」「京都が本気を出した」と話題を集めました。そんな太秦萌について、プロデュースを担当したデザイン会社・GK京都と、京都市交通局に制作秘話を伺いました。中には、キャラクターの“裏設定”や気になる今後の展開も。記事の最後には、太秦萌たち3人をデザイ... 続きを読む

「王将を歩兵が守る」広告に将棋ファンが総ツッコミ　「完全に『二歩』」 : J-CASTニュース

2015/01/09 474 users 歩兵 王将 J-CASTニュース 総ツッコミ 将棋

2015年1月5日発売の経済誌「週刊東洋経済」（1月10日号 東洋経済新報）に掲載された広告にネットユーザーからツッコミが入っている。 広告は金融・企業情報を分析、配信する「トムソン・ロイター・マーケッツ」（東京都港区）が出稿し、海外へ進出する日系企業向けに規制やリスクなどの情報を提供するサービス「トムソン・ロイター・アクセラス」をPRした。 「めちゃめちゃ弱いやぐら」 将棋をモチーフにしたデザイ... 続きを読む

HTML/CSS テンプレート集まとめ - Life like a clown

2011/09/12 471 users HTML Life like a clown SBM 自力

Webサイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています．掲載されてあるデザイ... 続きを読む

Photoshopで作るウェブデザイン レイアウト・チュートリアル50選 | DesignWalker

2009/04/15 448 users DesignWalker ウェブデザイン チュートリアル

ウェブサイトをデザインする際に、一般的にはPhotoshopなどのソフト使って、あらかじめ全体のレイアウトをつくります。 出来上がったデザインから画像をスライスしてhtmlに落とし込んでいく作業へと進めていくのですが、今回はウェブデザインの最も重要な作業である、Photoshopのレイアウトのチュートリアルを50種類集めてみました。 ビジネス系のデザインから、趣味のサイトやブログに使えそうなデザイ... 続きを読む

ウェブデザイナー必見、教育機関のウェブデザインで特に秀逸なもの30選 - GIGAZINE

2011/05/06 421 users GIGAZINE ウェブデザイン 見栄え フォント 教育機関

教育機関のウェブサイトというとガチガチに堅苦しく作られているイメージがありますが、ここでは大学や音楽学校、はたまたドラム教室やレーシングスクールといったもののウェブサイトの中でも優れたデザインのものを30種類リストアップしています。 どのサイトも見栄えのする美しい色合いで構成され、デザイン性に富んだフォントを多用しながらも見やすいので、これから教育機関などのウェブデザインをする場合、これらのデザイ... 続きを読む

美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms - かちびと.net

2011/05/08 309 users net フォームデザイン CSS jQueryプラグ セレクト

チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可... 続きを読む

80年代のAppleに学ぶUIの部品化とガイドライン ― ＠IT

2007/02/06 271 users Apple ガイドライン 部品化 プロローグ 秩序

インタラクションデザインパターン（1） 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア　上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザイ... 続きを読む

ITmedia News：ネットサービス“そっくりさん”登場のなぜ (1/3)

2006/02/13 249 users ITmedia News 登場 ネットサービス Flickr

ニュース ネットサービス“そっくりさん”登場のなぜ (1/3) 「mixi」や「Flickr」といった人気サービスに、デザインや機能が似たサイトが最近、目立っている。なぜデザインを似せるのか、模倣された側はどう思っているのだろうか。 2006年02月13日 11時08分 更新 既存の人気サービスに、デザインも機能もよく似ているサービスが最近、次々に登場している。似せた側は「既存サービスと同じデザイ... 続きを読む

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles

2024/03/06 206 users CSS HTML ツールチップ div要素一つ グラデーション

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザイ... 続きを読む

デザインエレメント：ラインを使ってデザインする6つのチップス | コリス

2010/10/01 205 users コリス チップス ライン 下記 デザイン

デザインエレメントの中でも最もシンプルな『ライン』をデザインに使う際、知っておきたい役立つチップスを紹介します。 下記は各ポイントを意訳したものです。 はじめに 1. Use an Underline 2. Break Up the Line 3. Flank the Type 4. Go Vertical 5. Go Diagonal 6. Go Nuts はじめに ここでは最もシンプルなデザイ... 続きを読む

デザイナーを採用する時には、仕事を分解して何をする人を採りたいか考える必要がある by 古川 健介 | Supership's Blog

2017/02/09 195 users 健介 手触り デザイナー ギャップ クリエイティブ

デザイナーを採用したい！ インターネット企業において、デザイいうのは非常に重要です。エンジニアと同様、とてつもなく大事なクリエイティブの戦略ですし、アプリ時代になり、手触りや使いやすさををあげていくために最前線で戦う人です。 しかし、デザイナーを採用したい！となったときに、デザイン知識がない人がやると、よくギャップが起こりやすいです。僕も、デザイナーではないので、いまいち詳しくわかっておらず、面接... 続きを読む

WordPress | 日本語 » WordPress 日本公式キャラクターが登場

2011/02/19 195 users WordPress 登場 日本語 Twitter IDE

今日 WordCamp Fukuoka 2011 のイベントにて発表された WordPress 日本公式キャラクターを Ustream やブログ、Twitter などですでにご覧になった方もいるかもしれませんが、改めてご紹介します。デザインしていただいたのは、オープンソース IDE の NetBeans キャラクター「ねこび〜ん」などの作品を手がけてこられたカネウチカズコさん。カネウチさんのデザイ... 続きを読む

2013年試してみたい、フレッシュなウェブデザインのテクニック | コリス

2013/02/19 190 users コリス ウェブデザイン ストックフォト ビーチ サーモン

ウェブデザインの基本はおさえつつ、フレッシュでクリエイティブものを取り入れたい！ そんなデザイナーに役立つテクニックを紹介します。 Fresh and Creative Web Design Techniques 下記は各ポイントを意訳したものです。 はじめに ホワイト/ネガティブスペースをもっと ピーチとサーモン より大きいのがベター イメージを動かす ストックフォトは使わない はじめに デザイ... 続きを読む

ITCSSを採用して共同開発しやすいCSS設計をZOZOTOWNに導入した話 - ZOZO Technologies TECH BLOG

2021/08/13 125 users ZOZOTOWN 菊地 CSS設計 リニューアル ウェブ

こんにちは。ZOZOTOWN部フロントエンドチームの菊地（@hiro0218）です。 2021年3月、ZOZOTOWNは10年ぶりのリニューアルをしました。この記事では、そのリニューアルで再考したCSS設計について紹介します。 背景 今回のリニューアルでは、ウェブとアプリが部分的に共通のデザインになりました。 アプリ ウェブ このデザイ... 続きを読む

【新国立競技場】ザハ・ハディド氏、コンペ参加断念へ　組むゼネコン見つからず（コメント全文）

2015/09/18 118 users ゼネコン ザハ・ハディド氏 アーキテクツ ZHA コンペ

見直し前のデザインを手がけたザハ・ハディド氏が、新たな新国立競技場のコンペ参加を断念――。ザハ・ハディド氏の事務所「ザハ・ハディド・アーキテクツ」（ZHA）がハフポスト日本版に9月17日、送付したコメントで明らかになった。コメントでは設計・施工を一体として募集する今のコンペのルールについて、「参加を望んでいる多くの建築家を制限している」と批判。「スタジアムを建設できる施工業者が限られ、我々のデザイ... 続きを読む

ロゴデザイン、２２の確認すべき大事なこと – TOMOKO UJI – Medium

2017/08/21 117 users medium 予習 精度 用途 ワークショップ

ロゴデザイン、２２の確認すべき大事なこと 22 important things to check for logo design, thinking for creating design guidelines. 9月に ロゴデザインのワークショップ をやることになりまして、予習の意味も兼ね、久々のデザインエントリーです。 「長く使える」「様々な用途に使える」「時を重ねてその精度が増す」「デザイ... 続きを読む