タグ

WebDesignに関するsuzuki107のブックマーク (407)

  • 暮らしと、写真と。refocus[+]

    写真のある暮らし。 何げないいつもの日々を、その人の趣味や好みに合った 楽しみ方で、充実して、心地よく暮らすこと。 それを叶えるのは、音楽やアート、花、アロマ… そして「写真」もその一つです。 大切な思い出をいつも大事にしていたり、 大好きな家族や友人を思いやったり 感動したシーンと向き合い、心をピュアにしたり。 写真だからこそすてきに「彩る」ことのできる 「写真のある暮らし」を。 日々、「あたりまえ」になってしまっている生活。 しかし、生活の中にあるひとつひとつの出来事は、けっして「あたりまえ」の連続ではなく、 家族との時間やお子様の成長は 「その瞬間」にしかありません。 内に留めるだけではなく、カタチに残すことで「一生の思い出」として見えるようになります。 プリントサービス 残す・飾る・彩る

  • Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

    2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください! ↑私が10年以上利用している会計ソフト! 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

    Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
  • charary - キャラリー / キャラクターデザインとイラストのサイト

    新着キャラクター その1 2013.08.30 UP! 幽霊をモチーフにしたキャラクターです。 生前は大金持ちのお屋敷につかえるメイドさんだったようで、 幽... 新着キャラクター その2 2013.08.02 UP! お化け屋敷をテーマにしたキャラクターです。 夏の風物詩といえば肝試し。 プロのオバケが経営している、...

  • CRAZYBEAR.jp

    イラストレーター ヒラモトタカノリのポートフォリオサイトです。

  • https://www.amoderneden.com/

  • Kuhboom | The Portfolio of Neil Wills

    I'm a Creative Director / Digital Designer & Developer currently working out of Toronto, Canada. I started my career in 2002, working at a small sign shop in London, Ontario. Since then, I've packed up and moved to Toronto where I've worked with some of the best design firms in the city, and have worked with recognized brands and clients. I'm a father to a beautiful baby girl, I love creating musi

  • デザインの要素と原則

    2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

    デザインの要素と原則
  • 写真を使用してデザインをするためのベストプラクティス

    写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方

  • パンくずのデザイン集と概要やデザインのポイント

    ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。

  • https://footballpanthershops.com/

    Liebe Besucher von FootballPantherShops.com, Wir möchten Sie darüber informieren, dass die Webseite FootballPantherShops.com nicht mehr weitergeführt wird. Diese Entscheidung wurde getroffen, um Ihnen eine noch bessere Nutzererfahrung zu bieten und Sie auf neue, spannende Inhalte aufmerksam zu machen. Während die Seite nicht mehr aktiv ist, empfehlen wir Ihnen zwei hervorragende Alternativen, die

  • 見出しデザイン.com -Webデザインの“見出し”を集めたサイト-

    TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先:manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

    見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
  • ウェブデザインに磨きをかけるテクスチャの効果的な使い方

    テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リアリティとデザインの奥行き 5. 独創的な魅力 テクスチャを活用したウェブサイト集 はじめに ウェブデザインに必要なのは確かなる知識と創造性、そして情熱です。そして、素晴らしいウェブデザインを産みだすテクニックはたくさんあります。その中の一つ、テクスチャの使い方を紹介します。 1. イラストの強調 繊細なテクスチャは、イラストにより強い個性を与えることができます。下記のサイトにあるテクスチャは、イラ

  • クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」

    TOP  >  WebDesign  >  クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」 現状WEBサイトのほとんどは、CSSとXHTMLを利用して制作されています。今日紹介するのは現状主流のXHTMLCSSを使って創られたクオリティの高いテンプレートをまとめたエントリー「40 High Quality CSS and XHTML Web Layout Templates」です。 Mondays コーポレートサイト、ブログ風レイアウト、WEBマガジン風のレイアウトなどなど、様々なジャンルのテンプレートが全部で40集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Nova Studio グリーンのテーマカラーが効いているシンプルなテンプレート。

    クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」
  • スマートフォン対応サイトの作り方、教えます (1/3)

    「WebサイトをiPhoneAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン(iPhone/Android)向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。(編集部) iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、

    スマートフォン対応サイトの作り方、教えます (1/3)
  • Effective Pricing Tables - DesignM.ag

    li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Finally, you’ve done it. You’ve successfully persuaded your visitor to close the deal. Now i

    Effective Pricing Tables - DesignM.ag
    suzuki107
    suzuki107 2010/07/30
    価格表デザインいくつか。
  • アイコンを使用してビジュアル的な効果を加えたナビゲーション集

    アイコンを使用してビジュアル的な効果を加えたナビゲーションを使用しているサイトをSpyreStudiosからいくつか紹介します。

  • 奥行きを与える立体的なエレメントを使用したウェブデザイン集

    レイアウトに奥行きを与える立体的なエレメントを使用したウェブデザインをtripwire magazineから紹介します。 25+ Stunning Web Designs with embedded 3D Elements

  • Webサイトのフッター200個とフッターデザインの考え

    フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを7つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン200 The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊のになってもおかしくないクオリティの記事です。 ご堪能あれ! 中でもネタ帳がお気に入りのフッター7つ Tomáš Pojeta | kreativní grafik ここ

    Webサイトのフッター200個とフッターデザインの考え
  • ECサイトをデザインする時の8つのポイント

    2017年6月29日 Webサイト制作, Webデザイン プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう! ↑私が10年以上利用している会計ソフト! 1. 商品のデザインと合わせる ECサイトのデザインは、その商品を知ることから始まります。例えば商品が服ならそのブランドのデザインコンセプトはもちろん、どんな人が、どんな場所で着るのか、素材やよく使われている色合いなどを研究してみてください。 Apple http://www.apple.com/jp/

    ECサイトをデザインする時の8つのポイント
  • 最適なテキストリンクの色は? | ウェブ力学

    青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ