『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
こちらも必要に応じて設置しますが、このとき記事に対してアクションを行うボタンとの差別化を図ることが大事です。 オリジナルでボタンを作っても良いでしょう。 もし設置するボタンに迷ったら 設置するボタンに迷ったら、Facebook、Twitter、はてなブックマークを取りあえずおさえておけば大丈夫だと思います。 このブログのように技術系の記事が多い場合、この中で一番重視すべきなのははてなブックマークでしょう。 ボタンが一定数押されはてブのトップページに載れば、そこからの流入や、Gunosyなどのニュースキュレーションサービスからの流入がかなりの数見込めます。 リリースすることがゴールではない これはメディアサイトだけでなく、サービスサイトなどにも言えることですね。 一ヶ月も運営してみれば、いろいろな立場の人からの改善の要望がかなり溜まっているはずです。 例 ※あくまで例なので、実際こんなにうま
こんにちは、ネットで何でも買えちゃうから外出る必要ないな・・・という危ない思考になりつつある相馬です。 ちょっと前だと、日本のECサイトといえばバナーばっかりでごちゃごちゃしたものばかり、という印象でした。 特に楽天のサイトだと今もそんな傾向はありますが、リニューアルのハードルが高いECサイトですからなかなか難しいところですね。 今回は、ECサイトでも洗練されたオシャレなデザインのサイトを集めました。 ECサイトといえば商品の見易さが第一ですが、そんな中にもデザインに重点を置いたものばかり。 ECサイト運営者の方やこれからオープンを控えている方は、一見の価値有りです。 オシャレなECサイト7選 solemo solemo ECサイトで陥りがちなバナーの多さによる乱雑なデザインにはならず、一つ一つ丁寧にデザインされたバナーのレイアウトで、その多さが気になりません。 カテゴリごとの週間売れ筋ラ
ヘッダー、見出し(h1,h2)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトまとめ 今回は、ヘッダー、見出し(h1,h2など)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトのまとめを作りました。 ブブンデザインアーカイブ http://bubundesignarchive.jp/ ヘッダ、見出し、グローバルナビ、サイドメニュー、バナー、リンク、パンくず、問い合わせボタン、フォーム、フッターなど、「部分別」にアーカイブされているのでパーツ別に参考にしたいときにはもってこいのサイトです。地図、テーブルなど21パターンのカテゴリから選ぶことが出来ます。 また、業界別のカテゴリからも選択できるので、テイストを合わせて探したいときにもお勧めです。 Croppy http://croppy.org/ ボタン、見出し、ヘッダー、フッター、バナー、ロゴ、グローバルナビ、サイ
Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes for WordPr
WordPressの投稿や固定ページなどのURLの後ろに「/json」「/amp」などでアクセスできるようにエンドポイントを追加する方法 WordPressでAMP(Accelerated Mobile Pages Project)対応ページを作成・表示するために、投稿や固定ページのURLに「/amp」と付けてアクセスしたときにAMP対応ページが表示されるようにしたいな~と思いました。 例えば以下のような感じです。 通常のURLhttps://www.imamura.biz/blog/24827AMP対応ページのURLhttps://www.imamura.biz/blog/24827/ampこんなことをするためには「add_rewrite_endpoint」を使ってエンドポイントを追加するとできることを知りました。(Automatticが開発したAMP対応ページを作成するWordPres
TOP > Design > 最新の注目素材をまとめた「50+ fresh resources for designers, February 2016」 常にいろいろな素材が公開され続けるインターネット上で、欲しい素材をピンポイントで探し出すのはなかなか難しいもの。今回はそんな時に参考にしたい、最新の注目素材をまとめた「50+ fresh resources for designers, February 2016」を紹介したいと思います。 colofilter.css モックアップ、フォント、テンプレート、web用ツールなど、非常に多彩な種類の素材がまとめられています。きになったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 SVG clip-path Hover Effect マウスオンで円形の抜きホバーを実現できるエフェクト。暗闇にライトを当てた時に生
最近、WebデザインをIllustratorでする人が増えているようなので嬉しいかぎりです。 IllustratorでWebデザインをするというエントリーを多く見かけるので、私も真似して自分のIllustratorの設定をまとめました。 目次 なぜIllustratorなのか?環境設定ドキュメント設定その他の設定 なぜIllustratorなのか? なぜ私がIllustratorでWebデザインをしているかというと、「ラクだから」の一言に尽きます。 紙デザイナー出身なもので、やはりIllustratorが一番慣れているツールなのです。 建築CGをPhotoshopでゴリゴリレタッチしていた経歴のあるディレクターも、レイアウトはIllustratorの方がラクと言っていましたし…… 「ラクだから」以外の理由としては、 Retinaディスプレイ対応をする時に、Illustratorで作っててラ
ワーキングマザーの池島です。 年度末に差し掛かり、保護者会や学校説明会、卒園対策委員などで忙しくしております。 現在、自社のコーポレートサイトの制作をしており、初めてやってみることがあったり、試してみたかったことをやってみたりと、スキルアップにも良い機会となっています。 そんな中、画像を使わずにCSSを使って矢印を作る機会がありましたので、備忘録も兼ねて、いくつかご紹介したいと思います。 サポートブラウザは、基本的に最新のバージョンを想定しています。 ::before や ::after を使わず、別のオブジェクトとして扱えば、もっと古いバージョンでも使えると思います。 今回は、HTMLがシンプルにできる方法で考えました。 左から右のグラデーション矢印 まずは、スタンダードな矢印です。グラデーションを付けてみました。 [IE8〜(グラデーションはIE10〜)] HTML <div clas
最近の投稿 東京↔ふもとっぱら☆ゆるキャンライド 反省会 2016/01/13 東東京ポタリング 2016/1/10(日) 2016/01/13 東京↔ふもとっぱら☆ゆるキャンライド2日目 2016/01/03 東京↔ふもとっぱら☆ゆるキャンライド1日目 2016/01/03 ゆるキャンライド☆坂田ケ池総合公園キャンプ場 2015/12/09 湾岸サイクルフェスティバル2014に行ってきました 2014/07/31 伊豆大島 輪行の旅 2014/03/24 localhost:3000に接続できません[vagrant centos rails] 2013/11/22 オルディナs5で初めての輪行とアワイチ(淡路島編) 2013/11/15 オルディナs5で初めての輪行とアワイチ(前編) 2013/11/13 3年 ago Posted in: Wordpress 0 Author: はら
TOP > Font > 筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」 フォントは綿密なバランスが計算されて作られたものが多いですが、時にはラフ感を演出したフォントを使いたいシーンもあるのではないでしょうか?そんな時に活躍してくれる、筆やペンなどで書いた雰囲気を表現できるフリーフォント「15 Beautifully Imperfect Free Brush Fonts」を紹介したいと思います。 Dreamers Brush (Free Font) on Behance アナログテイストな、まるで自身でハンドメイドしたかのような質感を演出できるフォントが紹介されています。 詳しくは以下 Selima – Free Font on Behance 透け感のある水彩で書いたかのようなフォント。柔
文房具を通販出来るオンラインショッピングサイトは数多くあるのですが、今回はその中でも私のおすすめやお気に入り。今後利用してみたいお店を紹介させていただきます。 一人でも多くの人に、お気に入りの文房具屋さんや文房具に出会って欲しいという想いから今回こちらの記事を書かさせていただきました。 あなたのスタイルに合った文房具屋さんを見つけるお手伝いになればと嬉しいです。 僅かながらではありますが、その出会いが文房具屋さんへの恩返しになれば幸いです。 また、自分の仕事柄、サイトの作りや、文房具のデザイン等、各デザイナーの参考になればと考えています。同じような題材で各サイト毎に特徴やデザインの違い等を見て勉強出来ます。ECショップの機能、WEBマーケティングの違いを見ているとあれこれと分かってくる事があります。WEBを勉強中の方には特に役立つものとなるはずです。 これもこの記事の一つの狙いでもあります
「inspiration ui」はウェブサイトのUIに悩んだときにインスピレーションが受けられるサイトです。フォームや404ページなどさまざまなカテゴリ別にUIが整理されています。ウェブデザインしている最中に何かアイデアをもらいたいときに使えますね。 以下に使ってみた様子を載せておきます。まずinspiration uiへアクセスしましょう。パターンをキーワードで検索することができますが、カテゴリで細分化されているのでカテゴリから選んでみましょう。エラーページを意味する「404page」を選択してみました。 このように各ウェブサービスのエラーページのUIを抽出することができました。サイトによってさまざまなデザインになっていますね。ぜひウェブデザインのアイデアをもらいたいときに使ってみてはいかがでしょうか。 inspiration ui (カメきち)
背景パターンやテクスチャを簡単に生成できるオンラインツールまとめ「12 Online Tools to Generate Seamless Background Patterns and Textures」 背景素材として、完成されたさまざまなテクスチャ等が配布されていますが、今回は、すでに用意されたものではなく自身で柄の出方や種類を選定しながら生成まで可能なオンラインツールまとめ「12 Online Tools to Generate Seamless Background Patterns and Textures」を紹介したいと思います。 PlaidMaker # pa1 背景パターンやテクスチャを簡単に生成できるツールが紹介されています。きになったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Noise Texture Generator v2.1 ノイズ感
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く