デザインを開発するという視点でお伝えするクリエイティブBLOG
web制作で使用するととても便利に活用・応用ができるパターン素材。種類やデザインも豊富で、さまざまなタイプのものが公開・配布されています。そんな中今回紹介するのは、継ぎ目なく使用できる20種類のグリッドパターン「20 Seamless Photoshop Grid Patterns」「20 Seamless Photoshop Grid Patterns」です。
さまざまなサイズや使い方を想定したグリッドパターンが20種類収録されていて、色の変更やアレンジも可能。さらに元の画像となるPNGデータまで含まれています。
デザイン制作に欠かせないパターン素材の中でも、デザインのサイズに合わせた自由な展開できるシームレスパターンは常に人気が高い素材ではないでしょうか。そんな中今回紹介するのは、25種類のシームレスパターン素材が揃うパターンセット「25 Seamless Web Patterns (JPEG + .PAT)」です。
ダーク系からライト系の色まで幅広く、シンプルで汎用性の高いパターンデザインが25種類もセットになっています。
詳しくは以下
Illustratorをよく使用するデザイナーにとって、ベクタータイプの素材は使いやすい素材の一つだと思います。そんな中今回紹介するのは、シームレスに継ぎ目なく柄を配置できるフリーベクターパターン「42 Free Seamless Vector Patterns For Your Designs」です。
（Different Vector Pattern | Vectortuts+）
さまざまな柄のベクタータイプの素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作の必須アイテムといっても過言ではないパターン素材は、さまざまなデザインシーンで利用されていると思います。そんな中今回紹介するのが、比較的最近発表されたクオリティの高いパターンセットとまとめた「50 New And Free Pattern Sets」です。
Christmas Patterns by ~Ransie3 on deviantART
シンプルなパターンセットはもちろん、シーズンイベントにも使いやすいパターンセットまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
幾何学模様などパソコン上で制作した素材はどこまでも素材を継ぎ足したりと、利用しやすい加工が自由にできますが、布や紙など素材感のあるテクスチャをシームレスに利用するのは難しいもの。そんな中今回紹介するのが、素材感のあるシームレステクスチャをまとめた「Handy Roundup of Free Seamless & Repeating Textures」です。
Seamless Wooden Hedge Texture | Free resources for designer and developers
木目やレザーなど、質感を楽しめるテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインに限らずデザインにはフォントはとても重要で、特にタイトルや見出しなど注目を集める部分や集めたい場所によってはフォント選定にもセンスが問われます。今日紹介するのはWEBデザインに使えそうな10個のフォントを収録したフリーフォント集「10 Beautiful and free fonts for web designers」です。
柔らか目なフォントから、洗練されたフォントまで様々なタイプのフォントが紹介されていますが、その中でも気になった物をいくつか紹介したいと思います。
詳しくは以下
デザイナーの作品や仕事を綺麗にまとめてくれるポートフォリオ。最近ではWebを利用してポートフォリアサイトで作品を紹介する方も増えているようです。そんな中今回は、周りと一歩差をつけるクリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」を紹介したいと思います。
Explainer Video & Animation Company – Kasra Design
おしゃれなポートフォリオサイト作りを手助けしてくれるアイテムが20種類。中でも気になったものをいくつかピックアップしてみました。
詳しくは以下
常に技術が進歩し続けるIT業界。そんな進歩に合わせ、Webデザインのトレンドも常に移り変わっています。良いデザインを提供するのに、最新のトレンドの把握は欠かせません。今回ご紹介するのはそんな最新のトレンドを押さえたポートフォリオサイトについて研究した記事「5 Trends in Personal Portfolios」です。
最新のトレンド要素がたくさん詰まったポートフォリオサイト例にとり、トレンドをわかりやすく解説・考察しています。
詳しくは以下
(さらに…)
非常に使い勝手が良いオープンソースWordpress。DesigndevelopもWordpressを使って構築しており、国内でも利用しているというかたは多いのではないでしょうか？今日紹介するのはそんなwordpressをより便利に使う為のWordpressをカスタマイズする30のテクニックを収録したエントリー「30 WordPress Development Tutorials」です。
Get Posts Published Between 2 Particular Dates
ウェジェットのCSSの設定方法から、ヘッダーを外部化、themeの作り方などなど様々なテクニックが収録されています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
動物をモチーフとしたアイコンは幅広く存在し、デザインによく使用されるものの一つなのではないでしょうか。今回ご紹介する「Extinct animals project (Free)」では、一風変わった他にはない動物アイコンとなっています。
絶滅危惧種をテーマとして集められたアイコン。動物だけでなく、魚や虫などもまとめられています。
詳しくは以下
PC上で作り上げるデザインだけでなく、自然のものを取り入れることでデザインに深みがでてくることも多いのではないでしょうか？今回紹介するのは、自然界の植物として最も昔から存在する苔やカビを集めたテクスチャまとめ「35 Appreciable Lichen and Moss Textures」です。
特徴的な生え方と、独自の広がり感や質感を持つ苔やカビを映しだしたテクスチャ素材が35種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザインは無限の可能性を持っており、日々新しい仕様やデザインが発表されています。様々なデザインを見比べ勉強することが新たなアイデアを生み出すための近道ではないでしょうか？そんな多彩なデザインの中から、シングルページで情報を分かりやすく伝えているサイトまとめ「63 Fresh and Creative Single Page Website For Design Inspiration」を紹介いたします。
スクロールもなく見たままの1ページで構成されたサイトから、1ページという空間を上手く利用した見やすいサイトまで、さまざまなサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。
ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。
詳しくは以下
インターフェイスや情報を伝えるためにとても便利なアイコン、WEB上でも現実世界でも至る所で目にしますが、今回紹介するのはそんなアイコンのチュートリアルを集めたまとめエントリー「50 Excellent Icon Design Tutorials」です。
50 Excellent Icon Design Tutorials
クオリティの高いアイコンを制作するには一体どんな方法がとられているのか？様々な方法が紹介されています。今日はその中から気になったチュートリアルをいくつか紹介したいと思います。
詳しくは以下
