『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
商用でも無料で利用できる、フラットなデザインにも合うミニマルなアイコン素材を紹介します。 素材はベクターなのでサイズやカラー変更は簡単ですが、ブラックのほかにグレー・ホワイトも用意されています。
こんにちははじめまして、つい先日LIGに入社したあゆみです。 気づけば早くも3月も一週間が過ぎ・・・ということで、今日も思いの他ぬくぬくしていますね。ぽかぽか。 そんなわけで早速、気持ちを切り替えたくなるこの季節に触れておきたい、見た目も素敵なおっしゃれーな情報が載っているWEBサイトをいろんなジャンルから抜粋して紹介します。(おしゃれって言うのすごくこっぱずかしい) オシャレな情報盛りだくさんのWEBサイト20選 1. WIRED スタートはWIREDで。ガジェット系が強いので、LIGのブログを読んでいる方のなかにも読者という方、多いんじゃないでしょうか。雑誌も毎回切り口が思わず「いいね!」と言ってしまうような、いい目線で特集が組まれているのですが、WEBの情報量も半端ないです。毎回頭よくなった気分にさせてくれます。 2. THE PUBLIC 気になる情報やクリエイターの話を、渋谷の2
作成:2013/02/4 更新:2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.HTML5 2.CSS 3.レスポンシブ 4.配色 5.視線誘導 / 心理学 6.インターフェース / ユーザビリティ 7.SEO 8.ディレクション 9.アクセス解析 10.WEBマーケティング 11.コピーライティング 12.ソーシャル 1.HTML5 HTML5って何? HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
twitter→ɹəʇʇɪʍʇのように英数字を180度回転する際に役立つ情報を掲載。この他、TeXで文字を回転して表示する方法についても。 どうやって180度回転するか “twitter”を“ɹəʇʇɪʍʇ”に、“7-11”を“⇂⇂-L”にするように、英数字を180度回転させて面白おかしく見せるという遊びがある。これは、英数字をひっくり返した形とよく似た文字を使っている。例えば、“M”を実際にひっくり返すかわりに、これをひっくり返した形によく似ている“W”を用いるのである。 自分でひっくり返した形を見つけるのは面倒だろう。だが、簡単に180度回転ができるウェブサービスが提供されており、これを使えばすぐにひっくり返してみせることができる。また、この記事に、英数字をひっくり返した形とよく似た文字の一覧を付けたので参考にしていただければ幸いである。 なお、ひっくり返した形とよく似た文字を使うのは
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き
最近のウェブサービスの進化は速いもので、htmlやCSSなどのコードが書けなくても、絵が描ければサイトを作成できるようになってきています。 そこで今回は、コードの知識が無くても、マウスでサイトデザイン・レイアウトできる無料・有料サービスを集めてみました。 PC向けサイト作成用 1. Wix ドラッグ&ドロップで、デザイン・レイアウトが自由自在にできる。おしゃれなテーマテンプレートも充実している。html5で作成されるのも特長。 デザイナー&コーダーいらなくなるかも?!ウェブツール『WiX』 | A!@attrip 2. Google サイト Googleのサイト作成サービス。まるでWordのような使い心地。 テーマのおしゃれ度と充実度はまあまあかなぁ。 3. Scroll Kit 下へスクロールするランディングページ作成などに便利。絵まで描けてしまうほど自由度高い。 html解らなくてもサ
宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは?発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう! ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
Lampとは? Lampは、地方在住の方に役立つ、都心部にはあって地方には無いものを得られるようなWebサービス・アプリをまとめたサイトです。 みなさまの知見を広げる一助になるようなサイトを目指しています。 さらに詳しく
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[対象: 中〜上級] この記事では、同じタイプの製品で色やサイズに複数のバリエーションがあるときのページ構成について解説します。 記事タイトルに「ベストプラクティス」と入れましたが、どんなアイテムを取り扱っているか、どんなシステムでサイトを構築しているか、すでに公開しているページかそれとも新規に公開するページか、検索需要はどのくらいあるか、何を最優先にするかなどさまざまな要因に依存するため、「この構成がベスト」と言い切ることはできません。 またそれぞれの構成にメリット・デメリットがあります。 したがってあなたのサイトの状況に応じて参考にしてもらえればと思います。 今回紹介するのは3種類の構成パターンです。 全バリエーションのページのみ 全バリエーションと個別のページ 個別ページのみ 順に説明します。 全バリエーションのページのみ 色ごとやサイズごとのページを設けません。 すべてが載ったペー
2012年は、WordPressに出会えた年でありWeb系のことに本気で足を踏み入れた年です。よちよち歩いていた娘が喋れるようになってきて、そして何より、このブログを開設した年でもあります。インドアな生活を送っていた私にとって、今までにない1年でした。 このブログの今年の人気記事! それではまず、この1年間でPVが多い記事を5つ。 第一位 日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ 初めての大規模なSNS爆発。うわぁー、初めて100はてブ超えたー、うれしー(*´ω`*) などと思っていたらみるみるうちに1,000を超え…。。他の記事の追随を許さぬレベルでぶっちぎりの1位ですw 第二位 サイトにtwitterウィジェットを表示、カスタマイズする 公式twitterウィジェットも完全に変わり、情報が古くなって紛らわしくなってしまったので削除しました。ありがとうございました
Bootstrapいいよね Bootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。 自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど「使いやすくて、いい感じにしたい」という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが「コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。」とかさらに「イメージカラーが青だからそれベースで」とか。 そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜! Lavish 〜 画像から配色を生成してくれます 〜 このサービスは画像を解析してBootstrapの配色を捻り出します。 何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいw はじめに:デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
ニーハオ!カヤックのHTMLファイ部のしんちゃんアル! 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中! こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです! 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように! 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に! バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう! これら一
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く