リンクのデザインに役立つ8＋アルファのTips | コリス
Design vs Art Blogのエントリー「8 Tips For Better Link Design」から、リンクのデザインに役立つ8つのTipsを紹介します。 8 Tips For Better Link Design リンクのテキストには、「ここをクリック」のようにあいまいな言葉ではなく、「サンフランシスコのホテルについての情報」などのように、クリック先が何か具体的に分かるような言葉を使用する。 リンクの前には、そのリンクの内容をユーザーが理解できるようなテキスト情報を与える。 リンクが画像の場合、その画像で伝えたい情報をテキストでも提供する。 altに記述するだけでなく、画像のそばにテキストで配置するともっと良い。 サイトの重要なリンク(ナビゲーションや機能など)には、accesskeyを設定してキーボードでの操作を有効にするとユーザーへの手助けになります。 Tabキーを押し
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
ウェブにもっとウェルカムな笑顔の表情を - makitani.com
面と向かったコミュニケーションにおいて、顔の表情、とりわけ「笑顔」は、雰囲気を和らげたり親愛の意を表現するというような、大きな役割を持っています。その役割を、ウェブでどう補っていくのか、というお話。 ぎこちないコミュニケーションも、笑顔ひとつで立て直せる 先日、小さなハンバーグ屋さんでランチをしていたときのこと。ホールでひとりでがんばっている若い女性の店員の接客は、どことなくぎこちない感じでした。まだこの店で始めて1か月とか、そんな感じでしょうか。お辞儀はとても気持ちがよいものでしたが、「そこで水とメニューを持って行けば効率よく動けるのに」「パントリーに入り込んでしまったら、客席からの声が聞こえにくいのに」など、ちょっとどきどきひやひやしながら、その女性の動きを観察していました。 実は、飲食店でホールの店員さんを観察するのが趣味です。僕が飲食業や接客業にしばらくいたことがあるからという職業
Webページの見栄えにどこまでこだわるのか
その昔、「美しい人は美しく、そうでない人はそれなりに」という某フィルムメーカーのテレビコマーシャル（CM）が話題になった。このCMになぞらえて言うと、「高機能なWebブラウザでは見栄えよく、そうでないWebブラウザではそれなりに」というコンセプトが、Web制作者の間で注目されている。それが、Progressive Enhancementである。 非クロスブラウザを許容する Progressive Enhancement（PE）の基本的なコンセプトは、「情報やサービスへのアクセシビリティを確保しつつ、ブラウザやデバイスの特徴を活かしたデザインや技術を実装する」（アドビシステムズのthe Edge newsletter2009年2月より）ことである。後半の「ブラウザやデバイスの特徴を活かしたデザインや技術を実装する」は、例えば、HTML5やCSS3といった最新技術を実装しているWebブラウザ（
WEB業界の匠、私の師匠の5つの苦言
色々ありまして、体調も回復し退院することができました。 色々ご心配していただき、ありがとうございました。 さてさて、今回入院してた時に、だいぶ前からお世話になっているお師匠様が見舞いに来てくれて、昔話なんかに花が咲いたりなんだり。 一時代のWEB上で様々な事業に活躍してたお師匠様 IT事業でお金が欲しいならPVを出せ。 PVが欲しいなら特定の人を呼べ。 特定の人を呼びたいならコンテンツを絞れ。 コンテンツが作れないなら更新すれ。 更新できないならネタを探せ。 ネタが見つからないなら今探せ。 今この瞬間探しも調べもしない奴はWEBでお金が欲しいというな。 Twitter / Yamadaの発言 以前私がTwitterで発言した事があるんですけども、このセリフをガツンと言われました。その記憶が今でも残ってる人です。 私のブログの話から、またPV云々の話になり、盛り上がってました。 基本的に私の
マンネリ化から抜け出し、新鮮なウェブデザインを生みだす10のアイデア
いつもの同じようなデザインから離れて、新鮮でユニークなウェブデザインを生みだすために役立つ10のアイデアを紹介します。 10 Ideas for Creating Innovative and Unique Web Designs [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 カンバスはブランクから始める Photoshopで作業をはじめる時は、白ではなくブランクから始めるようにします。 白は白がある状態なので、何も無い真っさらな状態にします。 用意されたレイアウトに頼らない 960 Grid Systemなどのフレームワークを利用するのは確かに簡単で素晴らしいですが、そういった用意されたレイアウトには頼らずに自身で考えて作りだし、それを機能させる方法を見つけだしてください。 CMSは使わない 今日、WordPressを始めとする素晴らしいCMSが数多くリリース
ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう / ウェブデザインライブラリー
Home ＞ ウェブデザイン基礎講座 ＞ ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう 投稿日：2011年1月28日 レベル：初心者 ソフトウェア：− このチュートリアルでは、ユーザーフレンドリーなサイトを作るための5つのポイントをご紹介します。 Step1 ： はじめに Step2 ： ウェブサイトの表示スピードをアップする Step3 ： 見込客が探している情報を簡単に見つけられるようにする Step4 ： 読みやすいサイトにする Step5 ： スクロールの少ないページにする Step6 ： あなたと連絡をとりやすくする Step7 ： 結論 ・ウェブサイトの表示スピードをアップする ・見込客が探している情報を簡単に見つけられるようにする ・読みやすいサイトにする ・スクロール
40 Detailed Examples of User Interface Design | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 40 Detailed Examples of User Interface Design 40 Detailed Examples of User Interface Design Written by Igor Ovsyannykov on Jan 27, 2011 | 0 Comments When designing an application, millions of question arise. How should it look? How easy is the interface to understand? What should the colors and borders look like? The list goes on and on. Before
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
ユーザーの視線を誘導する３つのユーザビリティ改善方法
webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 １）全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 １）サービスに対して興味を少しだけ持ってもらう情報を書く ２）サービス開始はちょっと・・・という人のためにクリックしやすいリン
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
Web デザイン | 特集記事 | デザインってオモシロイ -MdN Design Interactive-
Copyright © 2010-17 MdN Corporation, an Impress Group company. All rights reserved. デザインってオモシロイ -MdN Design Interactive-
Siiimple • A Minimalist Website Gallery
Application (11) Art & Culture (250) Art Gallery (133) Big Background Image (60) Big Image (43) Big Text (20) Bold (40) Bootstrap (4) Colorful (86) Company (25) Corporate (8) Creative Agency (100) Dark (21) Design Gallery (175) Design Studio (34) Ecommerce (26) Flat UI (17) Ghost (1) Graphic Design (70) Grid (62) Hero Video (1) HTML (13) Illustration (8) Image Gallery (9) Journals / Blogs (143) La
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webページでよく使うさまざまなコンポーネントが簡単に利用できるCSSベースのフレームワーク -Materialize
Web情報配信｜Wiwi connect
新着記事
ディレクターとデザインのあれこれを共有する方法のまとめ | Webデザインのタネ