ウェブサイトなどのデザインを考える上で役に立つアドバイス25選

2023/02/08 20 users ウェブサイト ソフトウェア プロダクトデザイナー デザイン

ウェブサイトやソフトウェアの作成において、機能の他にデザイン面も高い質が求められます。デザインにおいて良いもの・悪いものはいろいろありますが、「とりあえず守っておけば問題ナシ」なデザインのルールについて、プロダクトデザイナーのアンソニー・ホブデイ氏が解説しました。 Visual design rules you can safe... 続きを読む

装丁やタイトルロゴなど、マンガのデザインにフォーカスした「漫画とデザイン展」

2022/02/15 17 users 装丁 表紙 GOOD DESIGN Marunouchi

「漫画とデザイン展」は、マンガのストーリーやキャラクターではなく、装丁やタイトルロゴなどのデザイン面にフォーカスした企画展。日本デザイン振興会が主催・運営するGOOD DESIGN Marunouchiが2021年に初の企画展公募を実施し、審査の結果「漫画とデザイン展」が選出された。 会場ではタイトルロゴ、表紙や帯などの装... 続きを読む

デザインの勉強にもなる！ロゴのデザインをさまざまな面から検証し、改善点が分かるオンラインツール -Logo Lab | コリス

2018/10/19 54 users バランス カラー 小さいサイズ デザイン面 あなた

あなたのロゴをさまざまなデザイン面から検証し、デザインの改善点が分かる無料オンラインツールを紹介します。 ロゴの視覚的なバランスはどうか、カラーに依存されていないか、大きい小さいサイズでどうかなど、ロゴが使用されるあらゆ...記事の続きを読む 続きを読む

ブックマークしておきたい！WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ | コリス

2018/04/27 94 users コンポーネント アニメーション コリス レイアウト 勉強

WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持ちいいインタラクションなど、ブックマークして定期的にチェックしておきたいサイトばかりです。 Mobbin -Latest Mobile Design Patterns デザイン面に... 続きを読む

「うわっ…はてなブログ、読みにくすぎ…！」最大の原因はコレ - オークニズム

2018/02/13 149 users WordPress はて ツイート Pocket Line

2018 - 02 - 13 「うわっ…はてなブログ、読みにくすぎ…！」最大の原因はコレ ブログ運営 ツイート シェア はてブ Pocket LINE 僕は元々WordPressユーザーであり、今年から新規にはてなブログを始めた。もちろん今でもWordPressは触るし、徘徊するブログもWordPressが多い。 ただこの1ヶ月間、主にはてなブログのデザイン面を意識して、軽く1,000個以上のはて... 続きを読む

DELL、デザイン刷新「New XPS 13」本日発売。世界最小の13型ノートPC - Engadget 日本版

2018/01/26 16 users Dell 底面積 デザイン刷新 世界最小 本日発売

DELLは、世界最小をうたう13インチノートPC「New XPS 13」（2018）を本日1月26日国内発売しました。 「New XPS 13」（2018）は、13インチIGZO液晶を搭載したプレミアムノートPCです。画面の狭額縁化を進め、一般的な11インチノートPCと同等のコンパクトサイズ（底面積）を売りにします。デザイン面でも従来モデルから大幅刷新しており、筐体は30%薄型化。大きさは7.8～... 続きを読む

Appleのデザインは奥が深い！チーズはハンバーガーのどこに置くべきか | コリス

2017/11/28 36 users コリス Goole ハンバーガー Twitter Apple

チーズはハンバーガーのどこに置くべきでしょうか？ AppleとGooleのハンバーガーの絵文字はTwitterでかなり話題になっていました。各社のハンバーガーや味といった観点からではなく、デザイン面からこの違いを解説した記事を紹介します。 Hamburger Emoji ( 続きを読む

フォントの名前が分からないGoogleフォントをデザイン面から直感的に探すことができる -better font finder | コリス

2017/05/30 39 users コリス サンセリフ フォント Googleフォント デザイン面

Googleフォントを探す時には通常、フォント名やセリフ・サンセリフなど分類するための用語が必要ですが、このオンラインサービスでは特に必要ありません。 フォントの見た目、デザイン面から無料で利用できるGoogleフォントを探すことができるオンラインサービスを紹介します。 better font finder 英語のフォントだけでなく、日本語の有料フォントや無料フォントで、フォント名が分からない時は... 続きを読む

デザイン面でも参考にしたい！訪日外国人向けメディア25選まとめ【インバウンド担当者必見】 | 訪日ラボ

2017/02/27 31 users 訪日ラボ 参考 デザイン面

こんにちは、外部ライターの永田優介（ @nuts612 ）です。 2020年に向けて、訪日外国人観光客の集客施策を行っている企業担当者の方も多いのではないでしょうか。なかでも、自社でインバウンドメディアを持ち、情報発信をする企業も増えてきています。 そこで今回、訪日外国人観光客向けのインバウンドメディアはどういったものがあるのか、まとめてみました。英語対応のメディア、繁体字対応、簡体字対応のメディ... 続きを読む

「Splatoon(スプラトゥーン)」のイカしたデザインのひみつ(前編) (1) プレイヤーキャラ「イカ」にこめられたデザイン面の"ひみつ" | マイナビニュース

2015/08/05 456 users デザイナ プレイヤーキャラ Splatoon マリオ ゼルダ

任天堂のWii Uソフト「Splatoon(スプラトゥーン)」。発売から1カ月ほどで世界累計販売本数が100万本を突破するなど、非常に勢いのあるスタートを切った同社の新規タイトルは、「マリオ」「ゼルダ」などの歴史あるゲームタイトルと比べると「やんちゃ」に映るキャラクターデザインや、インクの鮮やかな色選びなど、ビジュアル面にも目を惹くものがある。 また、筆者自身、このゲームを始めたある知人のデザイナ... 続きを読む

ワンランク上の仕上がりを目指そう！参考にしたい新作ウェブデザインまとめ - PhotoshopVIP

2015/05/25 97 users ウェブデザイン PhotoshopVIP アニメーション

変化を続けるウェブデザインは、すこし前まで人気だったフラットスタイルから少しずつ、新しいスタイルへと移ってきているようです。コンテンツレイアウトなどのデザイン面だけでなく、アニメーションを利用し、インタラクティブな動きを取り入れた新スタイル採用のウェブサイトを、今回はまとめて確認してみましょう。 詳細は以下から。 ワンランク上の仕上がりを目指そう！参考にしたい新作ウェブデザインまとめ ThinkB... 続きを読む

あのGoogle Glassが劇的に普通のメガネっぽくなり実用的デザインになった「Titanium collection」 - GIGAZINE

2014/01/31 59 users ウイング Glass GIGAZINE チタン製 レンズ

Google Glassは2014年後半にリリースされる予定ですが、すでに早期希望者向けの「Explorerプログラム」登録者への製品の発送が始まっています。話しかけて操作したり、ウィンクで写真撮影ができたりと多機能なGoogle Glassですが、デザイン面も強化され、度数入りのレンズも装着できるチタン製の軽量フレームシリーズ「Titanium collection」も登場することになりました。... 続きを読む

WordPressは 「もうわかった？」 2万円から3万円のサーバ維持費を下げ運用のススメ。 | @attrip　(アットトリップ）

2013/11/18 20 users ライブドアブログ attrip イケダハヤト氏 コスト 維持費

WordPressは「もうわかった」2万円から3万円のサーバ維持費を下げて運用するススメ。昨日、イケダハヤト氏が2万から3万円の維持費がかかっているしライブドアブログに移動するぞ。コストが安くなる！もっとも大きいのがコスト面。正直、スマホのデザイン面には不満が残るのですが、毎月2〜3万円掛かっていたサーバー代が、最大でも1,890円まで下げられるというメリットには勝てませんでした（料金テーブルはこ... 続きを読む

WordPressからlivedoorブログへの移転を決めた理由 : ihayato.書店

2013/11/15 77 users コスト サーバー代 コスト面 料金テーブル うち

本ブログはWordPressからlivedoorブログへ移転しました。意外！と驚かれることが多いので、改めて書いてみます。 コストが安くなる！ もっとも大きいのがコスト面。正直、スマホのデザイン面には不満が残るのですが、毎月2〜3万円掛かっていたサーバー代が、最大でも1,890円まで下げられるというメリットには勝てませんでした（料金テーブルはこちら）。 URLは変わらない！ うちのURLはちょいと... 続きを読む

「もっとデザイナーもリスクを負うべき」ーー若きデザインフェローが考える、これからのデザイナーの在り方

2013/05/20 36 users デザイナー リスク 在り方 インキュベーションプログラム 筆者

筆者は、先週末に開催されたインキュベーションプログラム「インキュベイトキャンプ 5th」にメディアスポンサーとして参加した。その際、インキュベイトファンドにデザインフェローとして携わっている藤原氏に話を伺う機会があった。 インキュベイトファンドは、今年の2月にスタートアップのデザイン面も支援していくことを発表し「Design Fellows Program」をスタートさせている。藤原氏はこのプログ... 続きを読む

ポストイット形式でアイデアを募る「Blabo!」がリニューアル | ihayato.news

2012/07/19 50 users Blabo ihayato.news コワーキングスペース

本サイトでも何度か紹介している「Blabo!」がリニューアル。これ面白いサービスなのでぜひチェックを。 ポストイット風オンラインボードUI 色々な人のアイデアを集められるという基本的な機能は変わらず、ポストイット形式のUIを採用するなど、特にデザイン面で大幅にリニューアルが掛かっています。 例えば「コワーキングスペースにもっと気軽に来れるようにするためにはどうしたらよい？」というアイデアボードを見... 続きを読む

Choke Point | 【コラム】『Biohazard 6』体験版が大嫌いなその理由

2012/07/08 12 users Choke Point 別れ話 机上 BIOHAZARD 6

彼女に別れ話を切り出す時のように居心地が悪いが、ここはキッパリと言ってしまうのが一番だろう。私は『Biohazard 6』の体験版が大嫌いだ。 この人気長寿サバイバル・ホラー・シリーズの最新作で鬱陶しいと感じる箇所が、一つだけに留まらないのも最悪だ。技術面からデザイン面まで問題は大量に存在し、予約はもちろん購入すら躊躇するほどである。 机上では、『Biohazard 6』は完璧だ。異なる種類のゲー... 続きを読む

防水機能とiPadのデザイン性を両立しつつお風呂やキッチンで安全に使えるようにする薄型ケース - GIGAZINE

2012/05/14 76 users ジップロック GIGAZINE ウリ フォルム 防水ケース

「iPad」に防水ケースを付ければキッチンやお風呂などさまざまな場所で使えるようになって便利ですが、防水ケースの多くはやたらとサイズが大きなものや「ジップロック」をゴツくしたような、デザイン面がイマイチなものがほとんどでした。 そんな中、薄型のデザインをウリにしているのが「SoftBank SELECTION 防水ケース for iPad（税込7980円）」。端末本来のスタイリッシュなフォルムを損... 続きを読む

ブログをリニューアルしました | Arch

2012/05/08 21 users リニューアル 参考 UI面 流動化 固定化

ブログをリニューアルしました。 UI面、デザイン面、コーディング面のそれぞれで、どのように変わったのか。 少しでも参考になればと思いましたので、まとめてみました。 リニューアルの理由は3つありまして、1つ目は、アクセス数の多い記事が固定化されてしまっていたので、それを流動化したいと思ったことです。 2つ目は、私自身がシンプルなデザインに物足りなくなってしまったので、もう少しにぎやかなデザインに変え... 続きを読む

2011年のウェブデザインのトレンドを振り返る | コリス

2011/12/08 439 users ボーダーレス コリス 点線 ウェブデザイン グリッド

2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Des... 続きを読む

jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向＠はてな

2011/12/03 150 users jQuery フェード ユーザビリティ Tips モロ

JavaScript, CSS3 JavaScript Advent Calendar 2011、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが... 続きを読む

ThinkPad X220 国内発表、Core i5-2520M採用 & ラッチレス構造の新デザイン

2011/03/29 27 users プロセッサ Sandy Bridge グラフィック 統合 世代

Filed under: ノートPCレノボ ThinkPad X220 が国内でも正式に発表されました。プロセッサには"Sandy Bridge"世代のCore i5-2520Mを搭載し、デザイン面でも新しくラッチレス構造を採用する、れっきとした新モデルです。チップセットはQM67 Expressで、グラフィックは統合。ディスプレイは12.5型LEDバックライト付き、1366 x 768解像度。そ... 続きを読む

ITmedia ライフスタイル：ソニーの新世代HDDプレーヤー「NW-HD5」を試す (1/4)

2005/04/06 11 users ITmedia ソニー ライフスタイル 実力 名刺ケースサイズ

ニュース 2005/04/07 00:13 更新 レビュー： ソニーの新世代HDDプレーヤー「NW-HD5」を試す (1/4) ソニー「NW-HD5」は、20GバイトHDDや40時間連続再生、名刺ケースサイズなどの特徴を備えたHDD搭載プレーヤーだ。デザイン面も含めて大幅な変更が加えられた4代目「HDDウォークマン」の実力は？ ソニーの「NW-HD5」は、先日発売開始されたフラッシュメモリタイプの... 続きを読む