Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2013年2月）【国内のWebデザイン】斬新なデザインの「保田窪... / 保田窪整形外科病院 | 熊本市の整形外科・リハビ... / Ittetsu Matsuoka他...全17件 【国内のWebデザイン】 斬新なデザインの「保田窪整形外科病院」が好印象。「Kenji Saito」は昔のyugop.comを彷彿とさせます。
ウェブデザインにおける透過の効果的な使い方と注意点
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
PLASE STORE プレイズストア
PLASE.STORE 〒815.0082 福岡県福岡市南区大楠3.7.16 Tel/Fax: 092.753.8275 CONTACT
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
味気ないウェブデザインに動きを加えて魅力的にする5つのデザインテクニック
Techniques for Creating Motion in Web Design 下記は各ポイントを意訳したものです。 魅力的なウェブページをつくるポイントはモーション モーションを生み出す4つの方法 1. 構成 2. フレームと配置 3. 編集 4. エフェクト 5. テキスト 魅力的なウェブページをつくるポイントはモーション 誰もが魅力的なウェブページを作ることを望みます、そのゴールを達成する最も効果的な手段は「Motion: 動き」を加えることです。これはビデオやアニメーションだけのことではありません、素晴らしいデザイナーはビデオやアニメーション無しで「Motion: 動き」を生み出すことができます。もちろん、ビデオやアニメーションが効果的な手段ではない、ということではありません。 ここでは、ビデオやアニメーションを使用しないで、ウェブページを魅力的にする「Motion: 動
HTML5/CSS3を使った多機能デザインフレームワーク·HTML KickStart MOONGIFT
HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。 最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。 リストとメニュー。 メニューは階層対応。 テーブル。 ツールチップ。上下左右自在です。 アイコン。 プログラミングコード。 ボタン。 タブ。 パン屑。 グリッド。 画像。 スライドショー。 動画、地図、カレンダー。 フォーム。 入力フィールドのサイズ。 その他色々。 極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手
ウェブデザインにおけるカラーのホワイトの重要性と効果的な使い方・気をつけたい4つのポイント
ウェブデザインにおけるカラーのホワイトの重要性を学び、実例を見ながら制作における効果的な使い方や気をつけたいポイントを紹介します。 Anatomy of Colors: How to Create a Brilliant White Website 下記は各ポイントを意訳したものです。 ウェブデザインにおけるホワイトの重要性 ホワイトの文化的な背景 ホワイトを使うことの意味 ホワイトをウェブサイトに使う時のアドバイス ウェブデザインにおけるホワイトの重要性 「色の解剖学」として「ホワイト」を検証します。ホワイトは私たちの周りのあらゆるところに存在し、とても美しく優雅なカラーです。完全・完璧といった言葉が似合います。 ホワイトの基本的なクオリティはその同一性です。なぜならそれは他の全てのカラーはホワイトを含んでいるからです。ホワイトは私たちを魅了し、自由な発想を与えます。 ウェブデザインにお
Second Story is now part of the Razorfish family | Razorfish
Second Story is now part of the Razorfish family. Second Story is now part of Razorfish. We’re so proud to be part of our new family, where we will continue building environments that blend digital and physical worlds to create seamless, integrated experiences that make a difference in people’s lives.
ROOMIE
ロボット掃除機を長年愛用する私が、次に狙っているのは「エコバックス」のこのモデル 数あるロボット掃除機から自分にぴったりの1台を見つけるのはなかなか難しいですよね。今回は新製品＆Amazon プライムデーでお得に買えるエコバックスの「DEEBOT N20 PRO PLUS」をご紹介。清掃力の高さはもちろん、紙パック代がかからないモデルです。
Webデザイナーが憧れる余白が美しいWebデザイン2012年版
Ambidex 25th Anniversary... / 株式会社 細尾 / mount inc.他...全55件
有限会社 内山建設｜UCHIYAMA Construction Company
群馬県高崎市にある有限会社内山建設のWebサイトです。住宅建築のことなら何でもお任せください。建設業許可 建設業登録：群馬県知事 許可（般−19）第16907号 住宅瑕疵担保責任保険登録 届出番号21024748 営業種目 総合建築業 事業内容 新築住宅・リフォーム・増改築・エクステリアなど住宅に関わる建築全て 営業エリア 群馬県内全般（高崎市、前橋市、安中市、富岡市、藤岡市、渋川市など）、 長野県、埼玉県、栃木県、新潟県などの隣県 所在地・アクセス 本社：〒370-0844 群馬県高崎市和田多中町11-4 資材置き場：〒370-0046 高崎市下佐野町994-8 google map 地図 ※本社へお越しいただく場合： 高崎駅東口より県道12号を右に進み、新後閑町の信号を左に曲がって、和田多中町の信号を左に曲がって、線路手前の路地を左に曲がり2つ目を曲がった突き当りにになります。
Moka - Strategy, Branding, Product Design & Development
DESIGN AND DEVELOPMENT AGENCY After a decade turning ideas into digital products, it's time to say goodbye 👋 Moka was born in 2012 out of a shared need for a space where we, the founders, could exercise and express our perspectives on design and technology. Our goal then was also to create a playground for other people like us, where they could experiment and learn how to design and engineer real
売れるECサイト制作のために商品ページデザインに必須の１５の要素
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ECサイトの売上アップに困っているなら、まず知っておいておきたい簡単な公式がある。 それは、「売上=集客×コンバージョン率×リピート率」だ。 集客力が２倍になれば売上は単純に２倍になる。またコンバージョン率が２倍になった場合も売上は２倍になる。 リピート率も然りだ。そして、この３つの中で、最も簡単に変えられるのがコンバージョン率だ。 そこで本日は、ECサイトのコンバージョン率を倍増させるために、抑えておくべき商品ページの１５の要素をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
Kai House Club（カイハウスクラブ）食に関する活動を支援する（コミュニティ）サイト
http://de-war.de/