タグ

WEBデザインに関するferiasのブックマーク (49)

  • LogoMarche(ロゴマルシェ)|無料でロゴ素材をダウンロードし放題で、さらに商用利用OK!

    ロゴマルシェ(LogoMarche)は、ロゴ素材のダウンロードサイトです。ご利用はすべて無料です。 様々なデザインのロゴを取り揃えておりますので、企業ロゴや商品・サービス・ウェブサイトのロゴなどご自由にお使いください。

    ferias
    ferias 2016/03/18
    ロゴに特化した素材サイト。 要会員登録だが、イラレ素材として捗りそうです
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
    ferias
    ferias 2016/03/17
    サイト製作でちょこっとの装飾を手軽に出来る便利なまとめのまとめ
  • ブログにフリー素材を使ったら著作権侵害で検索結果から削除されたらしい|フリー素材のぱくたそ

    こんにちは!運営のすしぱくです。('A')ノ フリー素材サイト(と言われている)の、PhotoACさんの写真を使ったら、Googleから警告が来たという記事が話題になっております。 フリー画像サイトの写真を使ったブログ記事が著作権侵害で検索結果から削除された でじねこ.com さんの記事によると、 DMCA に基づく Google 検索からの削除のお知らせ http://digital-cat.com/ のウェブマスター様 Google ではこのたび、デジタル ミレニアム著作権法(DMCA)の規定に従い、貴サイトにあるコンテンツの一部が他者の著作権を侵害しているとする申し立て通知を受領いたしました。現在、違法とされたコンテンツを Google 検索結果から削除する作業を行っております。 とのことです。 わかりやすく説明すると、PhotoACさんの素材をダウンロードしてブログのアイキャッチに

    ブログにフリー素材を使ったら著作権侵害で検索結果から削除されたらしい|フリー素材のぱくたそ
    ferias
    ferias 2016/02/09
    今後が気になる案件。 DMCA悪用が濃厚
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    ferias
    ferias 2016/02/03
    タイトル通り。 どれもオサレーなのだが、実際のサイトに入れるとなれば使い勝手が良いのはかなり限定的になる
  • CodePen - Front End Developer Playground & Code Editor in the Browser

    Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.

    CodePen - Front End Developer Playground & Code Editor in the Browser
    ferias
    ferias 2016/02/03
    html css javascriptのコード共有サービス。 カッコイイサイトを作りたくなった時に重宝しそうです
  • 非デザイナーがWebサイトをおしゃれに作るためにやったこと - Qiita

    はじめに 普段はバックエンドエンジニアでデザインの勉強を一切やったことがない僕がそこそこのwebサイトであれば作れるようになってきたので、webサイトをおしゃれに作るためにやったことをまとめてみました。 手順 デザインについて無知でhtml, cssをほとんど書いたことない人(基的な文法は知っている。)がいきなりおしゃれなサイトが作れるようにはなりません。以下のステップを踏んでいくといいと思います。 おしゃれなサイトを探して研究する。 bootstrapを使ってサイトを作ってみる。 実際に作ってみる。 おしゃれなサイトを探して研究する 個人的にこれをやることがおしゃれなwebサイトを作るための一番の近道だと思います。まずは既存のものを真似して作っていくことが大切だと思うので、なぜそのサイトがおしゃれなのか調べ尽くします。 この作業を繰り返しすることでどんなサイトがおしゃれなのかわかってき

    非デザイナーがWebサイトをおしゃれに作るためにやったこと - Qiita
    ferias
    ferias 2016/02/03
    ①おしゃれなサイトを探して研究する。 ②bootstrapを使ってサイトを作ってみる。 ③実際に作ってみる ④の流れで配色も意識して色は入れすぎない
  • WordPressでテーブルを簡単に挿入する方法 | WP SEOブログ

    以前、WordPressにテーブルを挿入するプラグインを紹介しましたが、初心者の方には少し難しいようで、投稿画面のみで簡単にテーブルを挿入する方法をご紹介します。 並べ替え機能を付けたい場合は、テーブルプラグインを使うことになりますが、普通にテーブルを入れるだけであれば、TinyMCE Advancedでもできます。 なお、テーブルの挿入が簡単なだけで、テーブルのデザインを整えるには、ある程度CSSの知識がないとできません。 テーブル挿入の準備 TinyMCE Advancedをインストールし、TinyMCE Advancedの設定画面でテーブルを追加します。 テーブルはインストール時にデフォルトで追加されていたかもしれません。他にも色々なボタンがありますので、気になるのを追加しておきます。下の項目から上の4つの枠内にドラッグすれば追加できます。 CSSの知識がない人は、ここからテーブルの

    ferias
    ferias 2015/07/20
    何かとめんどいテーブルタグを挿入するプラグイン
  • Web制作の仕事をするようになってからお世話になっているサイト&気になっているサイト|今村だけがよくわかるブログ

    Web制作仕事にしようと決めて、勉強を始めたのが今から約8年ほど前だったと思います。その当時から現在まで、大変お世話になっていたり、気になっているWebサイトが多くあります。 今回は、その1部をご紹介します。(サイト名は順不同、敬称略です) buzzword(バズワード) http://www.buzzword.jp/ Web業界に入りたての方がつまずきやすい技術に焦点を当て、解説されている記事が多いです。 例題を交えながら平易な文章で解説されていて、とても親切。ずーっとお世話になっているサイトの1つです。 Attrip http://attrip.jp/ 仕事の休憩時間によく見るサイト。笑うつもりがなくても思わず吹いてしまうネタ記事が多くて、なごみ要素がとても強いです。 という面もあれば、国内外のWebサービスをすぐに試したり、ネット上で話題になっているものをいち早く見つけて記事にした

    Web制作の仕事をするようになってからお世話になっているサイト&気になっているサイト|今村だけがよくわかるブログ
    ferias
    ferias 2014/11/30
    本格的にサイト製作をする際にチェックしておきたいかも知れないサイトまとめ。 ワードプレスに関する記述が多いか
  • いぬらぼ - 綺麗デザイン収集サイト

    壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

    ferias
    ferias 2014/08/21
    写真や画像から、デザイン系のサイト素材等を扱う寄生型サイト
  • 凄いなと思ったアフィリエイトサイト7選 | アフィリエイト野郎!

    アフィリエイトサイトは稼いでなんぼというのは当たり前ですが、どのサイトがいくら稼いでいるかなんてわからないですよね。 明らかに稼いでそうなサイトや、明らかに稼いでなさそうなサイトはわかりますが、稼いでそうで稼いでないサイトや、稼いでなさそうで稼いでいるサイトもあります。 ということで、話は変わりますが、私が凄いなと思ったアフィリエイトサイトを紹介します。 3年ほど前に、レベルが高いアフィリエイトサイトたちという記事を書いていますが、だいぶサイトの見方が変わっています。 理想的なアフィリエイトサイトたち 私が良いなと思うアフィサイトは、コンテンツがあり、情報量があり、デザインがしっかりしているサイトです。 私が見かけたサイトなので、必然的に私がやっているジャンルのサイトが多くなりますし、運営者が出ている方が取り上げやすいです。あと、色々問題が出てきそうなので、それぞれのサイトについて深くは突

    凄いなと思ったアフィリエイトサイト7選 | アフィリエイト野郎!
    ferias
    ferias 2014/08/21
    テンプレ使ったサイトではなく、1からしっかりと作られたサイトばかりでコンテンツが充実しているのが特徴。 パッっと見、企業が作ったサイトと勘違いしてしまうレベルです
  • 16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL

    ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか? 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な

    16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
    ferias
    ferias 2014/07/27
    デザインの参考になる記事。 デザインがどれだけ良くてもその周り(ユーザビリティやSEO等)がしっかりしていないと売り上げに直結しないから注意な!
  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

    皆さんは、満足したバナーが作れていますか? バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
    ferias
    ferias 2014/04/30
    バナーを作る時に参考になりそうなまとめのまとめ
  • 新人ウェブデザイナーに送る。ウェブデザインブックマークサイト決定版!

    おはようございます。CD藤です。 厳しい冬も終わりを告げ、大好きな春がやって来ました。 桜、誕生祭、キャンプ初め、サイクリング開始。と良いことづくしの春。 当社でも11名の新入社員を迎え入れました。 個性あふれるフレッシュな11名の新人たち。ようこそSOLGへ!! さて今回は、デザイナーなら誰でも知っていると思いますが、新人ウェブデザイナーのために、ウェブデザインのブックマークサイト・ギャラリーサイトを紹介します。 僕が知っているだけでもこの手のサイトは30サイト以上あります。老舗から新参者、洋物中心のところから和物のみにこだわったところ。縦長にこだわったところからスマホのみに絞ったところ、パーツのみに絞ったところもありますね。 僕が何年も使い続けた結果、ここが至極のブックマークサイト(以下ブクマサイト)だ!という5サイトを紹介します。 (今回はパソコンサイトを扱うブクマサイトに限らせて

    新人ウェブデザイナーに送る。ウェブデザインブックマークサイト決定版!
    ferias
    ferias 2014/04/30
    オサレーなサイトを見て勉強したい人の為に
  • サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ

    デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー(ディレクター、Web担当者、エンジニアなど)向けに、ユーザビリティの向上に繋がる基的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1:ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

    サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
    ferias
    ferias 2014/04/29
    悪いサイトを例にしてユーザビリティを向上する方法をまとめている
  • プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選 |プレゼンデザイン

    プレゼン資料をキレイにわかりやすく作りたい!と思い立った人に、まずお勧めしたいのがこのサイト「伝わるデザイン|研究発表のユニバーサルデザイン」です。基的には研究発表を行う学生さんをターゲットとしているサイトですが、ビジネスマンにも読み応えは十分。提案書・企画書のプレゼン資料作成にそのまま利用できる内容となっています。 魅力は、わかりやすいサンプルと豊富な解説。デザイン初心者にうってつけのサイトです。ページはすっきりとしていて非常に見やすく・読みやすくレイアウトされています。 サイト全体の情報量も多からず少なからず、ほどよく網羅されていて、ひととおり目を通し終わった頃には、一歩レベルアップしている自分に気づくこと間違いありません。百聞は一見に如かず。まずはご覧になってみてはいかがでしょうか?

    プレゼン資料のデザイン力がぐっと上がる、お勧めのデザインサイト7選 |プレゼンデザイン
    ferias
    ferias 2014/03/09
    サイトデザインの見本。 用途別にカテゴライズされており、知りたい事をすぐ見つけて覚える事が出来そうです
  • WEB制作時に役立つ!ダミーテキストに使える定型文まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    先日、弊社プログラマーの段田さんのブログで、ボーナスアップの道具として利用された野田です。 あれは、久しぶりに傷ついた。 そして、プライベートでもいろんな人にいじられた。 ネットって怖いですね。 さて、今回は、WEB制作に役立つ定型文のご紹介を致します。 僕自身、デザインする際に構成からガッツリ考えるのが大好きっていうか仕事なので、 それにあわせてダミーテキストを考えることが多いです。 デザインを提出する際には、「テキストテキストテキスト」や「ダミーダミーダミー」で提出することは絶対にしません。 お客様の意図を読み取ってこちらからご提案させていただくということも、Webデザイナーには必要なスキルの一つだと思うからです。 あたりまえなことですが、こういう部分に気づかない方も案外いらっしゃいます。 正直、僕もデザインを始めてすぐの頃にはそんな感じでした。 「仮」という言葉に甘えてしまう事は良く

    WEB制作時に役立つ!ダミーテキストに使える定型文まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    ferias
    ferias 2013/10/04
    新規サイトを作る際に地味に役立ちそうです
  • CSSサンプル集

    .play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79

    ferias
    ferias 2013/09/04
    CSSでここまで出来るのか! と言いたくなる様な例。 オサレーしてますね~
  • イラストがすべて無料 「イラストAC」 トップページ

    イラストをダウンロードするには、イラストACにログインしてください。初めての方は無料登録を!会員登録後、ログインして、商用利用も可能な約4,040,000点以上のかわいいフリーイラスト素材、無料画像がダウンロードできます。

    イラストがすべて無料 「イラストAC」 トップページ
    ferias
    ferias 2013/03/11
    無料のイラストサイト。 もちろん商用可能です。 但し、ダウンロードするには会員登録が必要
  • ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ

    ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き

    ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ
    ferias
    ferias 2013/01/24
    オサレーなサイトを作る時に参考になりそうな何か
  • サイト制作の参考にしたい!Wordpressでつくられたウェブサイト50選

    WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ

    サイト制作の参考にしたい!Wordpressでつくられたウェブサイト50選
    ferias
    ferias 2013/01/24
    ワードプレスのデザイン。 WebクリエイターボックスやLIgやらクックパッドとかがワードプレスなのは以外だった