見事なカラースキームを採用しているウェブサイト12選slodiveがセレクトした見事なカラースキームを採用しているウェブサイトを紹介します。 12 Creative Color Schemes IndoFolio Irvine Acosta borni
フリーランスWebデザイナーという職業も無くなる4つの理由 デザイン会社 ビートラックス: ブログ
全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。 例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。 その一方で、以前に「アメリカでWeb制作会社が存在出来ない5つの理由」で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。 むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。 絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか？We
大幸薬品株式会社
よくわかる二酸化塩素のはなし 二酸化塩素分子について初めて知る方から、もっと詳しく知りたい方までご覧いただける情報サイトです。
Pixel Perfect Precision Handbook 3
We're excited to announce that the latest Pixel Perfect Precision Handbook is available to download now (PDF, iBook). With over 40 pages of fresh content, as well as updates to what was already there, we've made the third generation of the handbook bigger, better, and more beautiful. So, what's new? Branding and Retina ImagesAt first glance the most obvious change is our new branding — with bold t
独学で極める “Webデザイン”の技と心：第3回 Webデザインは問題を解決する何らかの「目的」がある｜gihyo.jp … 技術評論社
Webデザインの話に入る前に、まずアートとデザインの違いについて考えてみます。 デザインとアートの違いは何か？ この疑問は、たびたびいろいろな場所で話題になっており、「デザイン アート 違い」などと検索すればいろいろな先人の考えを知ることができます。 目に見えるもしくは耳に聞こえる、肌で感じられるなど、必ずしも視覚的なものだけではありませんが、アートにもデザインにも共通する点は、「表現」することだと考えています。 Webデザインで言えば、「視覚ブラウザで見えているものだけがデザインではない」と考えれば、視覚的なものだけではないということがわかりやすいかと思います。 私が考えるアートとデザインの違い アート： 自分の中心からわき上がる感情などを自由自在に制約なく表現する （鑑賞することで他者が共鳴したり感動することはあるが、他者の問題解決を目的としているわけではない） デザイン： 自
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd（72種類のレイアウトとチャート） .ai（72種類のレイアウトとチャート） .sketch（72種類のレイアウトとチャート） .png（72種類の各レイアウト） 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
アニメーションで色が少しずつ変化するボタンを作成する三つのチュートリアル | コリス
マウスをフォーカスすると、アニメーションで色が少しずつ変化するボタンを作成するPhotoshopとHTML/CSSとJavaScriptの三つのチュートリアルをSix Revisionsから紹介します。 Create an Animated "Call to Action" Button demo チュートリアルは三部構成で、Photoshop編、HTML/CSS編、JavaScript編となっており、デモページではアニメーション有り版（JavaScript）、無し版（HTML/CSS）があります。 simple demo(アニメーション有り版） simple demo(アニメーション無し版） ボタンはCSSスプライトで実装されており、画像の作成もそれ用になっています。
マーケティングキャンパス［基礎から実践まで！BtoBマーケティングを学ぶサイト］
マーケティングキャンパスは基礎から実践までB2Bマーケティングを学ぶサイトです。
UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
Bootstrapでシングルページをコーディング (1/5)
メインイメージを作る メインイメージ部分は、大きなロゴと短い文章のみの非常にシンプルな構成です。ロゴや文章を「index.html」に指定し、オリジナルのスタイルを「theme.less」に記述してデザインを整えます。 index.htmlは次のように変更します。 ■変更前のソースリスト（index.htmlの一部、緑色部分を変更） </nav> <div class="container"> <h1>Hello, world!</h1> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> ■変更後ソースコード（index.htmlの一部、緑色の部分が変更箇所） </nav> <div class="mainimage"> <div class="container"> <img src="images
お探しのページが見つかりません - Schoo（スクー）
URLをお確かめの上、再度お試しください。 お問い合わせ先は法人契約の有無で異なります。 法人契約の方は、biz-support@schoo.jp（ビジネスプラン カスタマーサクセスチーム宛） それ以外（個人でご利用中）の方は、support@schoo.jpへお問い合わせください。 「404エラー」とは？ ・HTTPステータスコードの一つ。Webサイト側でページが見つからない時に表示されます ・このエラーは、Web ページが一時的に利用できなかったり、Web ページが削除されていたりすることが原因で発生する場合があります ・お使いのPC/スマホは正しくインターネットに接続されているのでご安心ください ・「404エラー」について、詳しく学びたい方はこちらの授業がおすすめです
ASCII.jp：シングルページをデザインする3つのポイントとワークフロー (1/3)｜イシジマミキの実践！「シングルページ」デザイン塾
最近よく見かけるシングルページを作るデザイン塾。今回から、CSSフレームワークを使って実際にシングルページを作成していきます。第2回は、デザインツールを使ってページをデザインし、ベースとなるHTMLを作成します。 シングルページをデザインしよう 最初に、デザインソフトを使ってざっくりと全体のデザインを作成します。今回は、自分自身の経験やスキルを活用してボランティア活動をする人の意思表示やコンタクト方法がわかるWebサービス「PROBONO PAPRIKA」のサービス紹介ページをシングルページで作ろうと思います。 自分自身の経験やスキルを活用するボランティア活動はプロボノ（Pro bono）と呼ばれます。このサイトは、メインビジュアル、サイトの内容を説明する「アバウト」、サイトの使い方、の3つのブロックに分け、最後に何かを足そうかなぁ、と宙ぶらりんのままにしています。 シングルページのデザイ
ウェブサイトで珍しい形を取り入れたサイト14こ紹介
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ！ 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
エクスペリエンス
デジタル接点の土台となる「Webサイト」の在り方を軸に、 デジタル領域のマーケティングや営業活動の成果の最大化をお手伝いします。
森永乳業株式会社
2024年07月02日 レシピ 「季節を楽しむおすすめレシピ」更新しました 2024年06月26日 レシピ 「熱中症対策におすすめ！ひんやりクールダウンレシピ」公開しました 2024年06月12日 レシピ 「森永乳業×ファンケル スペシャルコラボレシピ」を公開しました 2024年06月03日 CM/キャンペーン 「ビフィズス菌ポーズチャレンジキャンペーン」を開始しました 2024年06月03日 レシピ 「季節を楽しむおすすめレシピ」更新しました 2024年07月02日 商品情報 「ギリシャヨーグルト パルテノ マンゴー＆パインソース入」7月9日（火）より全国にて期間限定発売 2024年06月27日 サステナビリティ 神戸市学校給食会と協働し「腸からつくるウェルビーイング出前授業」を7月より順次開催 2024年06月26日 商品情報 「MOW（モウ） 宇治抹茶 ～香ばし玄米茶ミックス～」 7
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
玄光社
サービスにおけるビジュアルデザインの役割
WEB DESIGN WORKSHOP「正しいウェブデザイン」 記事一覧 | gihyo.jp
CSSline - Showcase gallery of excellent sites.
Webディレクター・デザイナー必見！ワイヤーフレームや最近のUIを解説した -ワイヤフレームガイド