タグ

WebとDESIGNに関するhyougenのブックマーク (579)

  • My Account | .xyz | For every website, everywhere®

  • Adobe製品の代わりに使える無料アプリ10+

    2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか?今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです! ↑私が10年以上利用している会計ソフト! Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日語の公式チュートリアルも充実!私もお金

    Adobe製品の代わりに使える無料アプリ10+
  • Web制作者が捗る!知識が増える2014年トレンドまとめ

    作成:2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト 1.ロングシャドウ 2.ポリゴン 3.ラージフォトスタイル 4.ブラーエフェクト 5.フルスクリーン動画 6.画像シーケンス 脱ビットマップ画像 7.SVG 8.Webフォントを円で囲む 配色・フォント 9.配色(フラットデザイン) 10.タイポグラフィ(フラットデザイン) 11.フォント(フラットデザイン) 効果 12.Infinite Scroll(無限スク

    Web制作者が捗る!知識が増える2014年トレンドまとめ
  • 店舗サイトをWordpressで制作するときに役立つプラグイン5選 | Wordpress boy(ワードプレスボーイ)

    仕事柄、店舗さんのWEBサイトを制作する機会があるのですが、その時によく使うWordpressのプラグインがあります。 今回は、私が店舗サイトを制作する時に使っているプラグインを5つ紹介いたします。 BizCalendar/営業日カレンダーを作成できるプラグイン BizCalendarは、店舗の営業日やイベントカレンダーなどを作成できるプラグインです。 曜日を指定して定休日にすることもできますし、祝日を自動的に定休日にすることもできます。 イベントにはURLを設定し、詳しい情報等へリンクさせることもできます。

    店舗サイトをWordpressで制作するときに役立つプラグイン5選 | Wordpress boy(ワードプレスボーイ)
  • 【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ

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

    【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
  • 新人Webデザイナーにありがちな5つのコミュニケーショントラブルとその解消法|MarTechLab(マーテックラボ)

    LPO研究所の鳥居です。 「イメージしてたデザインと全然違う」 「これじゃ売れる気がしないんだけど」 「ちゃんと頭使って考えてんの?」 突然ですが、あなたは日常的にこんなことを言われていませんか? 今の職場でWebデザイナーとして働きはじめてはや7年。私は、今では後輩デザイナーの育成も行う立場なのですが、新人が先程のようなセリフを言われるのを毎日のように目にしています。 無論、私自身も新人の頃はこっぴどくやられました。 今なら分かることですが、これは 新人Webデザイナーが共通して「取るべきコミュニケーション」を取っていないから起こるトラブル なのです。 あなたは今、デザイン制作におけるコミュニケーションに自信を持てていますか? もしかすると今この記事を読んでいるあなたは「Webデザイナー」ではなく、クライアントから要望を聞く「営業」や「ディレクター」の立場かもしれません。 しかし基は同

    新人Webデザイナーにありがちな5つのコミュニケーショントラブルとその解消法|MarTechLab(マーテックラボ)
  • 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)

    みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの4つの基原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 1、デザインとは何か 1-1、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか?オシャレなこと?洗練されていること?私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、

    【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)
  • スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪

    By Nukamari PCで閲覧できるサイトの中には、スマートフォン向けサイトを別に作成しているものがあります。ユーザーエクスペリエンスを向上するために作られたはずのスマートフォン用サイトの中には、不便な要素を含んでいるものが多く存在しているようで、Umer Mansoorさんが「スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪」として、スマートフォン用サイトの悪い例を公開しています。 7 Deadly Sins of Mobile Websites | 10K-LOC http://10kloc.wordpress.com/2013/12/26/7-deadly-sins-of-mobile-websites/ ◆01:ロード時間が長すぎる ロード時間はサイトを成功させるために重要な要素の1つ。サイトに多くの高画質画像やJavascriptを含んでいると、ロード時間が極端

    スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪
  • 「Web」とはなにか?じっくり考えてみた(2014年)

    「Web」について今の自分が考えてることを記録として書いてます。去年に続き三回目です。タイトルに2014年が入ってるのは時間と共にWebのあり方や自分の考えも変わっていくからです。 はじめに 毎年恒例の記事三年目です。 「Webデザイン」とはなにか?じっくり考えてみた(2012年) 「Webデザイン」とはなにか?ザックリ考えてみた(2013年) 今年の内容は「Webデザイン」に収まらないのでタイトルを少し変えました。 更にwebの範疇を超えて”インターネット”に該当するであろう部分まで触れてますが、切り離して考えられないので”インターネット”も含めて考えています。 この記事は2013年の総括や2014年のトレンドではなく、Webについて今の自分が思ってることをつらつらと書いてます。異なる意見があって当然だと思ってますし、正解を出したい訳でもありません。 自分の考えを整理するため、そして読ん

    「Web」とはなにか?じっくり考えてみた(2014年)
  • 2013年に話題になったデザインに関する「考え方」が変わる記事14選

    デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか? そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです。 ウェブデザインの質は、言葉です。 ウェブで一番強力な道具は、今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです。 選ばれるウェブデザインとは 9つの基的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」

    2013年に話題になったデザインに関する「考え方」が変わる記事14選
  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
  • NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール

    航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p

    NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール
  • ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集

    「余白が多すぎる」「もうちょっと面白くして」「ポップにして」「インターネットから取ってきた画像を使えないかな?」「ほら、前よりずっとよくなった。君もそう思わない?」など、アイルランドのウェブデザイナーやアニメーターイラストレーター・ディレクターらがクライアントに最も言われたくない言葉をポスターで表現したのが「Sharp Suits」という企画ですが、Sharp Suitsに出展された作品うちウェブデザイナーに対して絶対に言ってはいけない27個の言葉をBuzzFeedがまとめています。 Home - Sharp Suits http://sharpsuits.net/Home 27 Things You Should Never Say To A Designer http://www.buzzfeed.com/regajha/things-you-should-never-say-to-

    ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集
  • 美しいプレゼン資料を効率良く作成するために参考にしておきたいWebサイト4選+α|U-NOTE [ユーノート]

    会社の最寄駅を通り過ぎた先にある景勝地を検索できる「乗り過ごし検索エンジン」が面白い、やってみたいと好評

    美しいプレゼン資料を効率良く作成するために参考にしておきたいWebサイト4選+α|U-NOTE [ユーノート]
  • 初心者におすすめ!無料で使えるWordPressのテーマ10選【日本語対応のみ】 | TechAcademyマガジン

    初心者におすすめ!無料・有料で使えるWordPressのテーマ35選【日語対応のみ】 WordPress(ワードプレス)初心者におすすめする【無料テーマ(テンプレート)】を紹介する記事です。全て日語に対応。SEOに強いテーマや、テーマのカスタマイズに最適なテーマなど全部で35紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 WordPressと言えば、豊富なテーマ(テンプレート)で知られています。 自分でコーディングをし

    初心者におすすめ!無料で使えるWordPressのテーマ10選【日本語対応のみ】 | TechAcademyマガジン
  • Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ

    プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「セマンティック!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

    Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
  • DTP系ブログ|DTP Transit

    IllustratorやPhotoshop、InDesignを扱っているブログをまとめてみました(順番やカテゴライズには深い意味や意図はありません)。また、「DTP系」でないものもあります。 抜けているものがあれば、ぜひ教えてください(自推他推問わず)。 まとめ Planet DTP@jp Illustrator Blog | hamfactory イラレラボ illustrator-labo 派遣DTP つくる積読 デザインとイラストのTips | Factory70 Blog ADAM DTPメモログ DTP・WEBデザイン、印刷、PC講習・販売のdimension nantoh Illustrator | Handy Web Design A.I.A.A カテゴリーIllustratorの投稿一覧 | Magicalog Adobe Illustrator関連 | Blog | 06

    DTP系ブログ|DTP Transit
  • 世界各国のWebデザインと日本のWebデザインの特徴

    2013年10月29日 Webデザイン, 海外情報 私は今まで日、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日以外のすべての国は英語圏。Webデザインでいえば違いを感じたことはあまりありませんでした。そこで今回は今まで触れる機会のなかった言語圏のWebサイトを比較しました。アメリカ、フランス、サウジアラビア(中東)、中国、そして日。それぞれのデザイン事情の違いを知って、日Webデザインについても考えてみたいと思います。 ↑私が10年以上利用している会計ソフト! マクドナルド アメリカ 現在は全体的に濃い青をメインに使っていますが、これはキャンペーンによって変更されます。ナビゲーションバーやページしたのバナーエリアは基的に固定。 例えば別のプロモーションページではこんな感じ。一番見せたいものをひと

    世界各国のWebデザインと日本のWebデザインの特徴
  • デザインがかっこいいと思うWebサイトは? -現役美大生に聞いてみた!

    日々デザインを学んでいる美大生たちは、Webの世界のデザインに対しても敏感な"アンテナ"を持っているはず。そこで、都内の美術大学に通う現役学生20名に「デザインがかっこいいと思うWebサイト」を聞いてみました。 ■「ビョーク オフィシャルサイト」 「ビョークはWebサイト、PV、衣装や舞台装置に及ぶまで、どれもアートの域に達していると思います」(19歳/女性) アイスランドが世界に誇る歌手、ビョークのオフィシャルサイト。トップページを開くと、暗闇に並んでいる一見無秩序な記号が動きだし、ある方向から見たときだけ組み合わさって文字に見えるという計算しつくされたデザイン。自分でドラッグすることで視点を再度動かすこともできます。 ■一人一文字 みんなでつくるフォント「FONTA」 「フォントをみんなで作るという発想が、ありそうでなかったので。日常の風景や、いつも見ているWebサイトなどをFONTA

    デザインがかっこいいと思うWebサイトは? -現役美大生に聞いてみた!
  • 中村勇吾と資生堂がコラボ、SNS上の写真から抽出した色で彩るコンテンツ公開 | CINRA

    資生堂宣伝制作部と中村勇吾(tha ltd.)によるコラボレーションから生まれたデジタルコンテンツ『LIFE COLOR CLOCK』が、10月15日に公開された。 『LIFE COLOR CLOCK』は、FacebookやInstagramのアカウントを通じてログインすることで、自分が過去にSNSで公開した写真から自動的に色を抽出し、色鮮やかな時計を生成することができるコンテンツ。作成された色時計はスクリーンセーバーとしてダウンロードすることも可能だ。デモムービーが資生堂のYouTubeチャンネルで公開されているので、こちらもチェックしてみよう。 なお、同作品が掲載されている資生堂グループ企業情報サイトのウェブサイト「こちら銀座、資生堂センデン部」では、写真家の荒木経惟や建築家の藤森照信と資生堂クリエイターとの対談記事をはじめ、マジョリカマジョルカやTSUBAKIといった商品にまつわるデ

    中村勇吾と資生堂がコラボ、SNS上の写真から抽出した色で彩るコンテンツ公開 | CINRA