感性を刺激するWebデザインギャラリー＜bookma!＞

Marble.co（マーブル・シーオー）は京都を拠点にしたデザインオフィスです。CI/VI、ブランディング、広報物などの印刷物や書籍デザイン、映像・WEBサイトなどあらゆる制作物のグラフィックデザインを行っています。

国際学部 国際学科 「共生」と「競争」が加速度的に進む世界情勢。多角的な視点と創造力で世界に挑戦する。

2024.01.20 出展配置図ダウンロード 1/27（土）会場MAP 公開しました 2024.01.19 神戸湊川Otonari情報 1月27日 神戸湊川Otonari shop info & enent 2024.01.18 ミニステージ紹介 1/27（土） ミニステージアーティスト紹介♬ 2024.01.18 会場案内 授乳室・おむつ替え場所ご案内 2024.01.18 会場案内 屋外の飲食スペースと室内の休憩・イートインスペース紹介 2024.01.16 当日開催イベント 1/27（土）　ダンボール工作ワークショップ 「ダンボールとわりピンで動くおもちゃを作ろう！」 2024.01.18 会場案内 授乳室・おむつ替え場所ご案内 2024.01.18 会場案内 屋外の飲食スペースと室内の休憩・イートインスペース紹介 2024.01.11 事務局からのお知らせ News! 神戸阪急「無

Webデザイナーになること、Webデザイナーであり続けること、おそらく後者のほうが何十倍も難しい。 高度なスキルをもっていても、買いたたかれる時代 税理士事務所でアルバイトをしていた時期がある。当時、税理士受験をしていた。当時、先生に毎日のようにいわれたことが「税理士資格をとっても食えないよ」だった。どんどん、競争が激しくなり、単価が安くなるよという絶望トークをきかされた。 当時、私は20代。この話を信じていなかった。 税理士資格をもっていれば、なんらかの仕事は保証されるとおもっていた。当時の私には”エキスパートが食えなくなる時代”を想像することはできなかった。手に職さえあれば、なんとかなるとおもっていた。 『僕は君たちに武器を配りたい』で著者の瀧本哲史さんによれば、高度なスキル（たとえば弁護士でも）や高度な技術をもつ部品でも、スペックが明確に定義された瞬間、コモディティ化して、これ以上利

まるでPhotoshop、と言っても過言ではない完成度です。 ハイエンドな画像加工をブラウザ上で可能にしたのが、こちらの「SUMO」。いままでフリーのペイントソフトや写真加工サービスを紹介してきましたが、「SUMO」は間違いなくトップクラスの使いやすさ。Photoshopに近い操作感を意識しているので、Photoshopユーザーであれば、初めてでも簡単に操作できるでしょう。グラデーションの設定なんかも、すぐにできますよ。ブラウザ上で利用できるペイントツールには、「Phoenix」などもありますが、Photoshopとの相似性は「SUMO」の圧勝です。 ウレシイ点はまだまだあります。flashベースなので、OSを問わず利用できること。また、事前のアカウントを取る必要もなく、サイトへ行けば即加工OK。アカウントを持っていれば、自分のWEBスペースに保存したり、WEBに保存した画像をローカルに落

サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す

Cut storage size, bandwidth and costs. Always keep the quality of your media files

If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.

phr.graphと書いてフレーズ・グラフと読みます。直訳で「言葉を図として可視化」という意味になります。

LVMH Watch & Jewelry PR&AD Manager/Assistant Manager/Specialist

work | 福岡 デザイン事務所｜y2 inc. - ワイツー | 福岡 デザイン事務所｜y2 inc. – ワイツー

宮崎の小さなグラフィックデザイン事務所、ウフラボ（Oeuflab）のwebサイト。広告・グラフィック全般の企画・制作・立案、イラスト、キャラクターデザイン、ロゴデザインなどを行なっています。

どうも、シンプルやかっこいいWebデザインよりも甘いガーリーテイストのWebデザインが好きなガリザワです。 女性向けのデザインをする時に、女性ファッション誌を参考にすることがあります。しかし一概に女性ファッション誌と言っても数多くありその発行されている雑誌の種類は100種類もあります。そんな中で、主な女性ファッション誌の傾向とデザインの分析をまとめてみました。 女性ファッション誌エディトリアルデザインに学ぶ 女性ファッション誌には、WEBデザインには無い女性デザインの雰囲気を感じれる、WEBサイトではあまり見かけないようなデザインパーツなんかも数多くあるので、デザインをするときに参考にしている。 特に女性向けのデザインをするときに、ターゲット層が細かく分けられており、そのターゲット層にあったデザインをする必要がある。その上でターゲット層に合った雑誌の傾向をまとめてみた。 （伊藤忠ファッショ

可愛らしいものが大好きです、Kanaです。 私がガーリーなデザインをする際によく使う素材や、素材サイトをまとめました。 可愛らしいレース柄や、お花、パターン素材など、使い勝手のよいものばかりです。 ガーリーデザインのポイントをまとめた、ガーリー好きがお届けするガーリーデザインのポイント5つもあわせてご覧ください:) 2015/12/4：写真素材カテゴリを追加しました！ それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 1.イラスト素材2.レース素材3.フレーム素材4.パターン素材5.テクスチャ素材6.写真素材 ガーリー素材 やさしい色使いの、かわいいイラスト素材がいっぱいのサイト「ガーリー素材」。非常に完成度が高くて、いつも利用させていただいてます！ eps、png形式で配布

[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました こんにちは！みう(@miu0512)です。現在フリーランスの私がWEBデザインを行うのに使っているツールをまとめました。制作環境は人によって違いますので、一番大切なのは自分に合った環境を整えること！それでは大公開です。 iMacを購入するまでの間、WinとMacを交互に使っています。 家にあるデスクトップは27インチのWindows。ずっとWinだけで制作を行ってきたのですが、MacBook Airを購入してからMacに使いやすいツールが多いことを知り、今ではWinとMacを使い分けて作業をしています。iMac購入予定！ デザインは王道のこのツール！手放せません 昔は高価で手が出せなかったAdobeですが、今では毎月3,000円〜5,000円と手軽に使用できるようになりました。 Ado

この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きの スライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化する スティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡

デザイン上級者は、中級者と初心者と何が違うんだろう？って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。

フォントフリーについて FONT FREE（フォントフリー）は、無料で使える日本語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日本語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲しかったフォントが、すぐに見つかりますように。

こんにちは、小林です。 今日は実務レベルでのPhotoshopの小技をご紹介したいと思います。 カンバスサイズの拡大・縮小に動じないために ランディングページ等では特にそうですが、カンバスサイズがどんどん大きくなることがあると思います。 背景をシェイプのパターンなどで作っている場合はそのたびに調整しなくてはいけません。 そんなめんどくさいことをしなくても済む方法が、「ベタ塗り」を活用する方法です。 手順は下記を御覧ください。 ベタ塗りレイヤーを作成したら、カラーを変更したり、パターンなどで背景を作成します。（今回は木目のパターンを使用） ↓ カンバスサイズを拡大するにはCtrl+Alt+Cで！ ↓ ベタ塗りはカンバスサイズに関係なく全体を覆ってくれるので便利です。 クリッピングマスクのウラワザ さくっとマスクがかえられて便利なクリッピングマスクですが、こんな謎な現象が起きることがあると思い

煩わしいライセンス抜きで高画質な写真素材を無料公開している5つのサイト ネット上では無償で利用できる写真素材は比較的多くあるものの、それらは完全に“フリー”というものは少なく某かの制約があり、個人的な利用でもそうですが商用利用ならなおさらライセンスに従った取り扱いが重要になってくるものです。 そんなことを踏まえ今回はこうしたライセンスに煩わされることなく、あらゆる意味で限りなくフリーに近い利用ができる写真素材がゲットできるサイトという趣旨で5つのサイトをピックアップしてみました。 従来からよくあるストックフォトサイトの無料コーナーの写真とはちょっと異なる、どれも写真提供者の心意気で公開されているようなサイトばかりです。 Unsplash こちらは10日毎に10枚の高画質な写真がアップされるというサイトです。 ライセンスはクリエイティブコモンズながら“いかなる権利も保有しない”という『CC0

こんにちは！こんにちは！ またお会いできて嬉しいです てろまつです。 もし飲めるならば、1本1000円くらいするミネラルウォーターを飲みたいです。 このブログをご覧の皆さまの中には、「webデザイナーってサイト制作がお仕事なんでしょ？」とイメージされる方が多いかと思います。 でも実際は、新人が任される仕事はまずはバナー制作から というのを、先輩方の駆け出しの頃の話などでよくお聞きします そこで「ペパボの新人は、バナーのデザインしてないの？」 という方のために今回はJUGEM PLUS、30days Album、ヘテムルのバナー制作についてレポートします。 今回も、先日のこのエントリーや、あのエントリーの時のように、恥ずかしいラフや、製作途中のデザインなどを公開します 興味のある方は、下の「続きを読む」をクリックしていただければ幸いです それでは、参りますー は、初めてなんだから、優しくして

TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人

クライアントの真の課題解決を支援する マーケティング/クリエイティブエージェンシー Vogaroは“ビジネス課題を解決する”ことをミッションとして、 マーケティングとクリエイティブの両軸において、 戦略立案から施策実行までを一気通貫で支援する会社です。 View More

マッチングアプリ女「お仕事何してるんですかー？」僕「ドーナツ屋さんで販売してますよ」女「…そうなんですね…」

2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技　目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制

何かと便利なイラストカット。でも、人物や動物など、ちょっと凝ったものを自作するとなると時間も手間もかかりますよね。そんな時に便利なのがイラスト素材配布サイト。仕事でつかえる商用利用無料のイラスト素材サイトを集めてみました。 ※規約や利用条件、配布形式は変更される場合がありますので、ご利用の前に各サイトでご確認ください。 イラストAC 多種多様なイラスト。ユーザー投稿型。データはjpgとeps（epsデータがないイラストもあり）。要・ユーザー登録。 http://www.ac-illust.com/ シルエットAC シルエットイラスト。データはjpg・png・eps。3種類のデータをまとめてダウンロードすることもできる。要・ユーザー登録（上記「イラストAC」と共通アカウントでログイン可能）。 http://www.silhouette-ac.com/ 無料イラスト素材.com かわいいイラス